/* [project]/src/components/ui/AmountPad.module.css [app-client] (css) */
.AmountPad-module__4VNKlG__wrap {
  gap: 16px;
  width: 100%;
  display: grid;
  position: relative;
}

.AmountPad-module__4VNKlG__amountBox {
  background: none;
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 72px;
  margin: 4px 0 8px;
  padding: 14px 12px 10px;
  display: flex;
  position: relative;
}

.AmountPad-module__4VNKlG__calcToggleBtn {
  width: 34px;
  height: 34px;
  color: var(--mc-muted);
  cursor: pointer;
  transition: color var(--mc-motion-fast, .18s) var(--mc-ease, ease), transform var(--mc-motion-fast, .18s) var(--mc-ease, ease);
  z-index: 2;
  background: none;
  border: none;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  top: 4px;
  right: 6px;
}

.AmountPad-module__4VNKlG__calcToggleBtn:hover {
  color: var(--mc-text);
  background: none;
}

.AmountPad-module__4VNKlG__calcToggleBtn:active {
  transform: scale(.92);
}

.AmountPad-module__4VNKlG__calcToggleActive {
  box-shadow: none !important;
  color: var(--mc-primary-strong, #60a5fa) !important;
  background: none !important;
  border: none !important;
}

.AmountPad-module__4VNKlG__calcExpression {
  min-height: 18px;
  color: var(--mc-primary-strong, #60a5fa);
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85%;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.AmountPad-module__4VNKlG__amount {
  color: var(--mc-text);
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  background: none;
  border-radius: 0;
  justify-content: center;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-size: max(34px, min(9vw, 46px));
  font-weight: 750;
  display: flex;
}

.AmountPad-module__4VNKlG__currency {
  color: var(--mc-muted);
  letter-spacing: 0;
  font-size: .55em;
  font-weight: 800;
}

.AmountPad-module__4VNKlG__pad {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.AmountPad-module__4VNKlG__calcPad {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.AmountPad-module__4VNKlG__key {
  background: var(--mc-card);
  min-height: 50px;
  box-shadow: var(--mc-shadow-card);
  color: var(--mc-text);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: transform var(--mc-motion-fast) var(--mc-ease), background var(--mc-motion-fast) var(--mc-ease);
  border: 0;
  border-radius: 16px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.AmountPad-module__4VNKlG__calcPad .AmountPad-module__4VNKlG__key {
  border-radius: 14px;
  min-height: 42px;
  font-size: 18px;
}

.AmountPad-module__4VNKlG__key svg {
  margin: 0 auto;
  display: block;
  overflow: visible;
}

.AmountPad-module__4VNKlG__key:active {
  background: var(--mc-primary);
  color: #fff;
  box-shadow: none;
  transform: scale(.92);
}

.AmountPad-module__4VNKlG__keyUtility {
  color: var(--mc-icon-accent);
  background: var(--mc-bg);
}

.AmountPad-module__4VNKlG__keyOperator {
  color: var(--mc-primary-strong, #60a5fa);
  background: var(--mc-surface, rgba(255, 255, 255, .08));
  place-items: center;
  font-size: 20px;
  font-weight: 800;
  display: grid;
}

.AmountPad-module__4VNKlG__keyEquals {
  background: var(--mc-primary);
  color: #fff;
  box-shadow: none;
  grid-column: span 2;
  font-size: 22px;
  font-weight: 800;
}

.AmountPad-module__4VNKlG__keyEquals:active {
  background: var(--mc-primary);
  transform: scale(.95);
}

/* [project]/src/components/ui/Drawer.module.css [app-client] (css) */
.Drawer-module__5pZ_OW__drawer {
  z-index: 120;
  background: var(--mc-overlay);
  -webkit-backdrop-filter: blur(3px) saturate(140%);
  backdrop-filter: blur(3px) saturate(140%);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.Drawer-module__5pZ_OW__scrim {
  cursor: pointer;
  background: none;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.Drawer-module__5pZ_OW__drawerTop {
  z-index: 130;
}

.Drawer-module__5pZ_OW__drawerHidden {
  display: none;
}

.Drawer-module__5pZ_OW__drawerPanel {
  z-index: 1;
  background: var(--mc-bg);
  width: 100%;
  max-width: 480px;
  box-shadow: var(--mc-shadow-sheet);
  border-radius: 24px 24px 0 0;
  flex-direction: column;
  height: auto;
  max-height: 90dvh;
  transition: max-height .32s cubic-bezier(.16, 1, .3, 1), height .32s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.Drawer-module__5pZ_OW__drawerPanelFull {
  height: 100% !important;
  max-height: 100dvh !important;
}

@media (min-width: 481px) and (max-width: 1023px) {
  .Drawer-module__5pZ_OW__drawerPanel {
    border-radius: 24px 24px 0 0;
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .Drawer-module__5pZ_OW__drawerPanel {
    max-width: 480px;
  }

  .Drawer-module__5pZ_OW__drawerPanel.Drawer-module__5pZ_OW__drawerPanelFull {
    height: min(92dvh, 880px) !important;
    max-height: min(92dvh, 880px) !important;
  }
}

.Drawer-module__5pZ_OW__drawerHandle {
  cursor: grab;
  touch-action: none;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  width: 100%;
  min-height: 30px;
  padding-top: 6px;
  display: grid;
}

.Drawer-module__5pZ_OW__drawerHandle:active {
  cursor: grabbing;
}

.Drawer-module__5pZ_OW__drawerHandleBar {
  background: var(--mc-border);
  border-radius: 99px;
  width: 38px;
  height: 4px;
}

.Drawer-module__5pZ_OW__drawerHead {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  display: flex;
}

.Drawer-module__5pZ_OW__drawerHeadLeft {
  flex: 1;
  min-width: 0;
}

.Drawer-module__5pZ_OW__drawerHeadActions {
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.Drawer-module__5pZ_OW__drawerTitle {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 800;
  overflow: hidden;
}

.Drawer-module__5pZ_OW__drawerClose {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  aspect-ratio: 1;
  background: none;
  border: 0;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: all .15s;
  display: grid;
}

.Drawer-module__5pZ_OW__drawerClose:hover {
  background: var(--mc-card);
  color: var(--mc-text);
}

.Drawer-module__5pZ_OW__drawerClose:active {
  transform: scale(.95);
}

.Drawer-module__5pZ_OW__drawerClose svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: block;
}

.Drawer-module__5pZ_OW__drawerActionBtn {
  width: 36px;
  height: 36px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  aspect-ratio: 1;
  background: none;
  border: 0;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: all .15s;
  display: grid;
}

.Drawer-module__5pZ_OW__drawerActionBtn:hover {
  background: var(--mc-surface);
  color: var(--mc-text);
}

.Drawer-module__5pZ_OW__drawerActionBtn:active {
  transform: scale(.95);
}

.Drawer-module__5pZ_OW__drawerActionBtn svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: block;
}

.Drawer-module__5pZ_OW__description {
  color: var(--mc-muted);
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.5;
}

.Drawer-module__5pZ_OW__drawerDescription {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 4px 18px 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  overflow: hidden;
}

.Drawer-module__5pZ_OW__drawerBody {
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  padding: 16px 18px;
  overflow-x: hidden;
  overflow-y: auto;
}

.Drawer-module__5pZ_OW__drawerHero {
  border-bottom: 1px solid var(--mc-divider);
  align-items: center;
  gap: 12px;
  padding: 4px 2px 16px;
  display: flex;
}

.Drawer-module__5pZ_OW__drawerHeroIcon {
  background: var(--mc-primary-soft);
  width: 52px;
  height: 52px;
  color: var(--mc-icon-accent);
  border-radius: 16px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.Drawer-module__5pZ_OW__drawerHeroMid {
  flex: 1;
  min-width: 0;
}

.Drawer-module__5pZ_OW__drawerHeroNameRow {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.Drawer-module__5pZ_OW__drawerHeroName {
  color: var(--mc-muted);
  letter-spacing: -.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 800;
  overflow: hidden;
}

.Drawer-module__5pZ_OW__drawerHeroType {
  color: var(--mc-muted);
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
}

.Drawer-module__5pZ_OW__drawerHeroBal {
  letter-spacing: -.06em;
  color: var(--mc-text);
  margin-top: 4px;
  font-size: 24px;
  font-weight: 800;
}

.Drawer-module__5pZ_OW__drawerHeroBal.Drawer-module__5pZ_OW__neg {
  color: var(--mc-danger);
}

.Drawer-module__5pZ_OW__drawerFoot {
  gap: var(--mc-drawer-foot-gap);
  padding: var(--mc-drawer-foot-pad);
  background: var(--mc-bg);
  flex: none;
  grid-template-columns: 1fr 1fr;
  display: grid;
  position: relative;
}

.Drawer-module__5pZ_OW__drawerFoot > button:only-child {
  grid-column: 1 / -1;
  width: 100%;
}

.Drawer-module__5pZ_OW__drawerFooter {
  padding: var(--mc-drawer-foot-pad);
  background: var(--mc-bg);
  flex: none;
  display: flex;
  position: relative;
}

.Drawer-module__5pZ_OW__drawerFooter > * {
  width: 100%;
}

.Drawer-module__5pZ_OW__drawerFoot:before, .Drawer-module__5pZ_OW__drawerFooter:before {
  content: "";
  background: linear-gradient(to bottom, transparent, var(--mc-bg));
  pointer-events: none;
  height: 18px;
  position: absolute;
  bottom: calc(100% - 5px);
  left: 0;
  right: 0;
}

.Drawer-module__5pZ_OW__drawerCancel {
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-surface);
  color: var(--mc-text);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  box-sizing: border-box;
  border: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.Drawer-module__5pZ_OW__drawerDelete {
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  border: 1px solid color-mix(in srgb, var(--mc-danger) 25%, transparent);
  background: color-mix(in srgb, var(--mc-danger) 16%, transparent);
  color: var(--mc-danger);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  display: flex;
}

.Drawer-module__5pZ_OW__drawerDone, .Drawer-module__5pZ_OW__primaryAction {
  width: 100%;
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-primary);
  color: #fff;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  box-sizing: border-box;
  border: 0;
  justify-content: center;
  align-items: center;
  transition: opacity .15s, transform .12s;
  display: flex;
}

.Drawer-module__5pZ_OW__drawerDone:active, .Drawer-module__5pZ_OW__primaryAction:active {
  opacity: .92;
  transform: scale(.98);
}

.Drawer-module__5pZ_OW__setGroup {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 19px;
  margin-top: 14px;
  padding: 3px 16px;
}

.Drawer-module__5pZ_OW__setRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  cursor: pointer;
  text-align: left;
  width: 100%;
  font: inherit;
  color: inherit;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 15px 0;
  display: flex;
}

.Drawer-module__5pZ_OW__setRow:last-child {
  border-bottom: 0;
}

.Drawer-module__5pZ_OW__srLabel {
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 700;
}

.Drawer-module__5pZ_OW__srValue {
  text-align: right;
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}

.Drawer-module__5pZ_OW__toggle {
  background: var(--mc-border);
  cursor: pointer;
  border: 0;
  border-radius: 99px;
  flex-shrink: 0;
  width: 48px;
  height: 28px;
  padding: 0;
  transition: background .18s;
  position: relative;
}

.Drawer-module__5pZ_OW__toggle:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  transition: transform .18s;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.Drawer-module__5pZ_OW__toggle.Drawer-module__5pZ_OW__on {
  background: var(--mc-primary);
}

.Drawer-module__5pZ_OW__toggle.Drawer-module__5pZ_OW__on:after {
  transform: translateX(20px);
}

.Drawer-module__5pZ_OW__subTitle {
  color: var(--mc-text);
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 800;
}

.Drawer-module__5pZ_OW__subRow {
  width: 100%;
  font: inherit;
  cursor: pointer;
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--mc-border);
  color: inherit;
  background: none;
  align-items: center;
  gap: 12px;
  padding: 14px 4px;
  display: flex;
}

.Drawer-module__5pZ_OW__subRow:last-of-type {
  border-bottom: 0;
}

.Drawer-module__5pZ_OW__subRowLabel {
  color: var(--mc-text);
  flex: 1;
  font-size: 14px;
  font-weight: 700;
}

.Drawer-module__5pZ_OW__subRowCheck {
  color: var(--mc-icon-accent);
}

.Drawer-module__5pZ_OW__subSearch {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  width: 100%;
  height: 44px;
  font: inherit;
  color: var(--mc-text);
  border-radius: 12px;
  outline: none;
  margin-bottom: 10px;
  padding: 0 14px;
  font-size: 14px;
}

.Drawer-module__5pZ_OW__subPad {
  padding: 0 2px 6px;
}

.Drawer-module__5pZ_OW__modalInput {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  width: 100%;
  height: 48px;
  font: inherit;
  color: var(--mc-text);
  border-radius: 14px;
  outline: none;
  margin-bottom: 12px;
  padding: 0 14px;
  font-size: 14px;
}

.Drawer-module__5pZ_OW__drawerList {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  scrollbar-width: none;
  border-radius: 18px;
  max-height: 52vh;
  padding: 4px 12px;
  overflow: auto;
}

.Drawer-module__5pZ_OW__drawerList::-webkit-scrollbar {
  display: none;
}

.Drawer-module__5pZ_OW__drawerRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  text-align: left;
  width: 100%;
  color: inherit;
  cursor: pointer;
  font: inherit;
  background: none;
  grid-template-columns: 58px 1fr 22px;
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  display: grid;
}

.Drawer-module__5pZ_OW__drawerRow:last-child {
  border-bottom: 0;
}

.Drawer-module__5pZ_OW__drawerRowCode {
  color: var(--mc-text);
  letter-spacing: .02em;
  font-size: 13px;
  font-weight: 900;
}

.Drawer-module__5pZ_OW__drawerRowName {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
}

.Drawer-module__5pZ_OW__drawerRowCheck {
  color: var(--mc-icon-accent);
}

.Drawer-module__5pZ_OW__drawerRowRegion {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  text-align: left;
  width: 100%;
  color: inherit;
  cursor: pointer;
  font: inherit;
  background: none;
  grid-template-columns: 1fr 22px;
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  display: grid;
}

.Drawer-module__5pZ_OW__drawerRowRegion:last-child {
  border-bottom: 0;
}

.Drawer-module__5pZ_OW__drawerRowRegionName {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}

.Drawer-module__5pZ_OW__drawerHint {
  color: var(--mc-muted);
  margin: 2px 0 14px;
  font-size: 12.5px;
  line-height: 1.5;
}

.Drawer-module__5pZ_OW__drawerHint b {
  color: var(--mc-text);
}

.Drawer-module__5pZ_OW__drawerHint .Drawer-module__5pZ_OW__blue {
  color: var(--mc-icon-accent);
  font-weight: 800;
}

.Drawer-module__5pZ_OW__error {
  color: var(--mc-danger);
  text-align: center;
  margin: 8px 0 12px;
  font-size: 13px;
  font-weight: 700;
}

.Drawer-module__5pZ_OW__formGroup {
  flex-direction: column;
  gap: 7px;
  width: 100%;
  margin-bottom: 14px;
  display: flex;
}

.Drawer-module__5pZ_OW__formLabel {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  padding-left: 2px;
  font-size: 13px;
  font-weight: 750;
}

.Drawer-module__5pZ_OW__formInput {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  width: 100%;
  height: 48px;
  box-shadow: var(--mc-shadow-card);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 16px;
  outline: none;
  padding: 0 16px;
  font-size: 14.5px;
  font-weight: 700;
  transition: all .15s;
}

.Drawer-module__5pZ_OW__formInput:focus {
  border-color: var(--mc-primary);
  box-shadow: 0 0 0 3px rgba(44, 84, 160, .18);
}

.Drawer-module__5pZ_OW__formInput::placeholder, .Drawer-module__5pZ_OW__modalInput::placeholder {
  color: var(--mc-muted);
  opacity: .85;
  font-size: 13px;
  font-weight: 500;
}

.Drawer-module__5pZ_OW__inputFieldBtn {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  width: 100%;
  height: 48px;
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px 0 16px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.Drawer-module__5pZ_OW__inputFieldBtn:hover {
  border-color: var(--mc-primary);
}

.Drawer-module__5pZ_OW__inputFieldVal {
  color: var(--mc-text);
  letter-spacing: -.01em;
  font-size: 14.5px;
  font-weight: 750;
}

.Drawer-module__5pZ_OW__inputFieldPh {
  color: color-mix(in srgb, var(--mc-muted) 65%, transparent);
  font-size: 13.5px;
  font-weight: 500;
}

.Drawer-module__5pZ_OW__formRow2 {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: 100%;
  display: grid;
}

.Drawer-module__5pZ_OW__chipRow {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100%;
  margin-bottom: 14px;
  display: grid;
}

.Drawer-module__5pZ_OW__chipRow3 {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  width: 100%;
  margin-bottom: 14px;
  display: grid;
}

.Drawer-module__5pZ_OW__chip {
  border: 1.5px solid var(--mc-border);
  background: var(--mc-surface);
  height: 48px;
  color: var(--mc-muted);
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.Drawer-module__5pZ_OW__chip:hover {
  background: var(--mc-card);
  color: var(--mc-text);
}

.Drawer-module__5pZ_OW__chip.Drawer-module__5pZ_OW__on, .Drawer-module__5pZ_OW__chipActive {
  border-color: var(--mc-primary);
  background: var(--mc-primary-soft);
  color: var(--mc-text);
}

.Drawer-module__5pZ_OW__iconSelectRow {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  cursor: pointer;
  text-align: left;
  width: 100%;
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 18px;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  transition: all .15s;
  display: flex;
}

.Drawer-module__5pZ_OW__iconSelectRow:hover {
  background: var(--mc-surface);
}

.Drawer-module__5pZ_OW__iconSelectBtn {
  background: var(--mc-primary-soft);
  width: 46px;
  height: 46px;
  color: var(--mc-icon-accent);
  border-radius: 14px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.Drawer-module__5pZ_OW__iconSelectText {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  display: flex;
}

.Drawer-module__5pZ_OW__iconSelectTitle {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 750;
}

.Drawer-module__5pZ_OW__iconSelectHint {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.Drawer-module__5pZ_OW__segSwitch {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 16px;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  width: 100%;
  padding: 4px;
  display: grid;
}

.Drawer-module__5pZ_OW__segSwitch3 {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4px;
  width: 100%;
  padding: 4px;
  display: grid;
}

.Drawer-module__5pZ_OW__segBtn {
  color: var(--mc-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 4px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  transition: all .18s;
  display: flex;
}

.Drawer-module__5pZ_OW__segBtn:hover {
  color: var(--mc-text);
}

.Drawer-module__5pZ_OW__segBtnActive, .Drawer-module__5pZ_OW__segBtn.Drawer-module__5pZ_OW__on {
  background: var(--mc-primary);
  color: #fff;
  box-shadow: none;
  font-weight: 850;
}

@media (min-width: 720px) {
  .Drawer-module__5pZ_OW__drawer {
    align-items: center;
  }

  .Drawer-module__5pZ_OW__drawerPanel {
    border-radius: 24px;
    width: min(100%, 480px);
    height: auto;
    max-height: min(92dvh, 720px);
  }
}

/* [project]/src/components/ui/CalendarPicker.module.css [app-client] (css) */
.CalendarPicker-module__lQKIvq__wrap {
  gap: 14px;
  display: grid;
}

.CalendarPicker-module__lQKIvq__head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.CalendarPicker-module__lQKIvq__iconGroup {
  align-items: center;
  gap: 2px;
  display: flex;
}

.CalendarPicker-module__lQKIvq__monthLabel, .CalendarPicker-module__lQKIvq__icon {
  color: var(--mc-icon-accent);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  font-weight: 800;
}

.CalendarPicker-module__lQKIvq__monthLabel {
  align-items: center;
  gap: 5px;
  font-size: 15px;
  display: flex;
}

.CalendarPicker-module__lQKIvq__icon {
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  line-height: 0;
  display: grid;
}

.CalendarPicker-module__lQKIvq__icon svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.CalendarPicker-module__lQKIvq__week, .CalendarPicker-module__lQKIvq__grid {
  text-align: center;
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.CalendarPicker-module__lQKIvq__week {
  color: var(--mc-muted);
  font-size: 10px;
  font-weight: 700;
}

.CalendarPicker-module__lQKIvq__grid {
  gap: 4px;
}

.CalendarPicker-module__lQKIvq__grid button {
  aspect-ratio: 1;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 13px;
  place-items: center;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: all .14s;
  display: grid;
}

.CalendarPicker-module__lQKIvq__grid button:hover {
  background: var(--mc-chip);
}

.CalendarPicker-module__lQKIvq__grid .CalendarPicker-module__lQKIvq__out {
  color: var(--mc-border);
}

.CalendarPicker-module__lQKIvq__grid .CalendarPicker-module__lQKIvq__selected {
  background: var(--mc-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
  border-radius: 13px !important;
  font-weight: 850 !important;
}

.CalendarPicker-module__lQKIvq__confirm {
  min-height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-primary);
  color: #fff;
  width: 100%;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  border: 0;
}

.CalendarPicker-module__lQKIvq__footGrid {
  gap: var(--mc-drawer-foot-gap, 10px);
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.CalendarPicker-module__lQKIvq__clearBtn {
  min-height: var(--mc-drawer-btn-height, 48px);
  border: 1px solid color-mix(in srgb, var(--mc-danger, #ef4444) 25%, transparent);
  border-radius: var(--mc-drawer-btn-radius, 14px);
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 14%, transparent);
  color: var(--mc-danger, #ef4444);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size, 14px);
  font-weight: var(--mc-drawer-btn-weight, 750);
  cursor: pointer;
  transition: all .15s;
}

.CalendarPicker-module__lQKIvq__clearBtn:hover {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 22%, transparent);
  border-color: color-mix(in srgb, var(--mc-danger, #ef4444) 40%, transparent);
}

.CalendarPicker-module__lQKIvq__clearBtn:active {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 28%, transparent);
  transform: scale(.985);
}

.CalendarPicker-module__lQKIvq__wheelGrid {
  border-radius: 22px;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  height: 220px;
  margin: 2px 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.CalendarPicker-module__lQKIvq__wheelGrid:before {
  content: "";
  background: var(--mc-chip);
  pointer-events: none;
  border-radius: 15px;
  height: 44px;
  position: absolute;
  top: 88px;
  left: 0;
  right: 0;
}

.CalendarPicker-module__lQKIvq__wheelCol {
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
  grid-auto-rows: 44px;
  height: 220px;
  display: grid;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 0, #000 20%, #000 80%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 0, #000 20%, #000 80%, rgba(0, 0, 0, 0) 100%);
}

.CalendarPicker-module__lQKIvq__wheelCol::-webkit-scrollbar {
  display: none;
}

.CalendarPicker-module__lQKIvq__wheelPad {
  height: 88px;
}

.CalendarPicker-module__lQKIvq__wheelItem {
  scroll-snap-align: center;
  height: 44px;
  color: var(--mc-muted);
  opacity: .7;
  z-index: 1;
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  font-family: inherit;
  font-size: 18px;
  font-weight: 800;
  display: grid;
  position: relative;
}

.CalendarPicker-module__lQKIvq__wheelItem.CalendarPicker-module__lQKIvq__on {
  color: var(--mc-text);
  opacity: 1;
  font-size: 20px;
  font-weight: 900;
}

/* [project]/src/components/ui/AmountPadSheet.module.css [app-client] (css) */
.AmountPadSheet-module__lkYNpG__body {
  gap: 16px;
  padding: 8px;
  display: grid;
}

.AmountPadSheet-module__lkYNpG__confirmBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  width: 100%;
  height: 48px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 800;
}

.AmountPadSheet-module__lkYNpG__confirmBtn:active {
  transform: scale(.98);
}

/* [project]/src/components/ui/CurrencyPicker.module.css [app-client] (css) */
.CurrencyPicker-module__i7Ui_a__wrap {
  padding: 4px 0 calc(24px + env(safe-area-inset-bottom, 0px));
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.CurrencyPicker-module__i7Ui_a__searchBar {
  background: var(--mc-card);
  height: 46px;
  color: var(--mc-muted);
  box-sizing: border-box;
  box-shadow: var(--mc-shadow-card);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
  padding: 0 12px;
  font-family: inherit;
  transition: border-color .15s;
  display: flex;
}

.CurrencyPicker-module__i7Ui_a__searchBar:focus-within {
  border-color: var(--mc-primary);
}

.CurrencyPicker-module__i7Ui_a__searchInput {
  min-width: 0;
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
}

.CurrencyPicker-module__i7Ui_a__searchInput::placeholder {
  color: var(--mc-muted);
  font-weight: 500;
}

.CurrencyPicker-module__i7Ui_a__clearBtn {
  width: 28px;
  height: 28px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  transition: color .15s;
  display: grid;
}

.CurrencyPicker-module__i7Ui_a__clearBtn:hover {
  color: var(--mc-text);
}

.CurrencyPicker-module__i7Ui_a__sectionLabel {
  letter-spacing: -.01em;
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  margin: 14px 4px 0;
  font-size: 13px;
  font-weight: 750;
  display: flex;
}

.CurrencyPicker-module__i7Ui_a__sectionGroup {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.CurrencyPicker-module__i7Ui_a__popularGrid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}

.CurrencyPicker-module__i7Ui_a__popularChip {
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .08));
  background: var(--mc-card, #131722);
  height: 44px;
  color: var(--mc-text, #fff);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.CurrencyPicker-module__i7Ui_a__popularChip:active {
  transform: scale(.96);
}

.CurrencyPicker-module__i7Ui_a__popularFlag {
  font-size: 14px;
  line-height: 1;
}

.CurrencyPicker-module__i7Ui_a__popularCode {
  letter-spacing: .01em;
  font-size: 12.5px;
  font-weight: 800;
}

.CurrencyPicker-module__i7Ui_a__popularActive {
  border-color: var(--mc-primary, #3b82f6);
  background: rgba(59, 130, 246, .12);
}

.CurrencyPicker-module__i7Ui_a__popularActive .CurrencyPicker-module__i7Ui_a__popularCode {
  color: #60a5fa;
}

.CurrencyPicker-module__i7Ui_a__listCard {
  background: var(--mc-card, #131722);
  box-shadow: var(--mc-shadow-card);
  border: none;
  border-radius: 14px;
  max-height: 380px;
  overflow-x: hidden;
  overflow-y: auto;
}

.CurrencyPicker-module__i7Ui_a__listRow {
  width: 100%;
  min-height: 50px;
  color: var(--mc-text, #fff);
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border: none;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  font-family: inherit;
  transition: background .12s;
  display: flex;
  position: relative;
}

.CurrencyPicker-module__i7Ui_a__listRow:not(:last-child):after {
  content: "";
  background: var(--mc-divider, rgba(255, 255, 255, .06));
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 14px;
  right: 14px;
}

.CurrencyPicker-module__i7Ui_a__listRow:hover {
  background: rgba(255, 255, 255, .03);
}

.CurrencyPicker-module__i7Ui_a__listRow:active {
  background: rgba(255, 255, 255, .06);
}

.CurrencyPicker-module__i7Ui_a__rowSymbolBadge {
  background: var(--mc-primary-soft);
  width: 34px;
  height: 28px;
  color: var(--mc-icon-accent);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  font-size: 11.5px;
  font-weight: 600;
  display: grid;
}

.CurrencyPicker-module__i7Ui_a__rowMeta {
  flex: 1;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.CurrencyPicker-module__i7Ui_a__rowCode {
  color: var(--mc-text, #fff);
  letter-spacing: .01em;
  flex-shrink: 0;
  font-size: 13.5px;
  font-weight: 800;
}

.CurrencyPicker-module__i7Ui_a__rowName {
  color: var(--mc-muted, rgba(255, 255, 255, .55));
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 500;
  overflow: hidden;
}

.CurrencyPicker-module__i7Ui_a__rowCheck {
  color: var(--mc-primary, #3b82f6);
  flex-shrink: 0;
  place-items: center;
  margin-left: auto;
  display: grid;
}

.CurrencyPicker-module__i7Ui_a__emptyState {
  text-align: center;
  color: var(--mc-muted, rgba(255, 255, 255, .5));
  padding: 24px 16px;
  font-size: 13px;
  font-weight: 600;
}

/* [project]/src/components/ui/FormCard.module.css [app-client] (css) */
.FormCard-module__VcPuOa__formCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 18px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.FormCard-module__VcPuOa__formCardGroup {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.FormCard-module__VcPuOa__formCardLabel {
  color: var(--mc-muted);
  margin: 0;
  padding-left: 2px;
  font-size: 13px;
  font-weight: 700;
}

.FormCard-module__VcPuOa__formRow {
  cursor: default;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  color: inherit;
  font: inherit;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  transition: background .15s;
  display: flex;
  position: relative;
}

.FormCard-module__VcPuOa__formRow:not(:last-child):after {
  content: "";
  background: color-mix(in srgb, var(--mc-border) 80%, transparent);
  pointer-events: none;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 14px;
  right: 14px;
}

button.FormCard-module__VcPuOa__formRow {
  cursor: pointer;
}

button.FormCard-module__VcPuOa__formRow:hover {
  background: color-mix(in srgb, var(--mc-surface) 65%, transparent);
}

button.FormCard-module__VcPuOa__formRow:active {
  background: color-mix(in srgb, var(--mc-surface) 90%, transparent);
}

.FormCard-module__VcPuOa__formRow:last-child {
  border-bottom: none;
}

.FormCard-module__VcPuOa__rowLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.FormCard-module__VcPuOa__rowIconWrap {
  flex-shrink: 0;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.FormCard-module__VcPuOa__rowCategoryIconWrap, .FormCard-module__VcPuOa__rowGenericIconWrap {
  background: var(--mc-primary-soft);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.FormCard-module__VcPuOa__rowText {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.FormCard-module__VcPuOa__rowLabel {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: .01em;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
}

.FormCard-module__VcPuOa__rowValue {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 650;
  line-height: 20px;
  overflow: hidden;
}

.FormCard-module__VcPuOa__rowValuePlaceholder {
  color: var(--mc-muted);
  letter-spacing: .01em;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.FormCard-module__VcPuOa__rowValueDanger {
  color: var(--mc-danger);
  letter-spacing: normal;
  font-size: 12px;
  font-weight: 550;
  line-height: 20px;
}

.FormCard-module__VcPuOa__rowValueMuted {
  color: var(--mc-muted);
  letter-spacing: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
}

.FormCard-module__VcPuOa__rowInput {
  height: 20px;
  color: var(--mc-text);
  box-sizing: border-box;
  letter-spacing: -.01em;
  background: none;
  border: none;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 750;
  line-height: 20px;
}

.FormCard-module__VcPuOa__rowInput::placeholder {
  color: color-mix(in srgb, var(--mc-muted) 65%, transparent);
  opacity: 1;
  letter-spacing: normal;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 20px;
}

.FormCard-module__VcPuOa__rowRight {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  margin-left: 10px;
  display: flex;
}

/* [project]/src/components/ui/Confirm.module.css [app-client] (css) */
.Confirm-module__sK94ga__root {
  z-index: 13000;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.Confirm-module__sK94ga__scrim {
  background: var(--mc-overlay);
  -webkit-backdrop-filter: blur(3px) saturate(140%);
  backdrop-filter: blur(3px) saturate(140%);
  border: 0;
  animation: .2s linear Confirm-module__sK94ga__fadeIn;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.Confirm-module__sK94ga__card {
  z-index: 1;
  background: var(--mc-card);
  width: min(100%, 360px);
  box-shadow: var(--mc-shadow-sheet);
  animation: Confirm-module__sK94ga__popIn .22s var(--mc-ease);
  border-radius: 24px;
  padding: 22px 18px 16px;
  position: relative;
}

.Confirm-module__sK94ga__title {
  color: var(--mc-text);
  text-align: center;
  font-size: 16px;
  font-weight: 800;
}

.Confirm-module__sK94ga__message {
  color: var(--mc-muted);
  text-align: center;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

.Confirm-module__sK94ga__actions {
  gap: var(--mc-drawer-foot-gap);
  grid-template-columns: 1fr 1fr;
  margin-top: 18px;
  display: grid;
}

.Confirm-module__sK94ga__cancel {
  height: var(--mc-drawer-btn-height);
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-card);
  color: var(--mc-text);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
}

.Confirm-module__sK94ga__confirm {
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-primary);
  color: #fff;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  border: 0;
}

.Confirm-module__sK94ga__confirm.Confirm-module__sK94ga__danger {
  background: color-mix(in srgb, var(--mc-danger) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--mc-danger) 25%, transparent);
  color: var(--mc-danger);
}

@keyframes Confirm-module__sK94ga__fadeIn {
  from {
    opacity: 0;
  }
}

@keyframes Confirm-module__sK94ga__popIn {
  from {
    opacity: 0;
    transform: scale(.94);
  }
}

/* [project]/src/components/ui/PermanentDeleteDialog.module.css [app-client] (css) */
.PermanentDeleteDialog-module__4FJiWG__root {
  z-index: 26000;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.PermanentDeleteDialog-module__4FJiWG__scrim {
  background: var(--mc-overlay);
  -webkit-backdrop-filter: blur(3px) saturate(140%);
  backdrop-filter: blur(3px) saturate(140%);
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.PermanentDeleteDialog-module__4FJiWG__card {
  z-index: 1;
  background: var(--mc-card);
  width: min(100%, 360px);
  box-shadow: var(--mc-shadow-sheet);
  border-radius: 24px;
  padding: 22px 18px 16px;
  position: relative;
}

.PermanentDeleteDialog-module__4FJiWG__title {
  color: var(--mc-text);
  text-align: center;
  font-size: 16px;
  font-weight: 800;
}

.PermanentDeleteDialog-module__4FJiWG__msg {
  color: var(--mc-muted);
  text-align: center;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

.PermanentDeleteDialog-module__4FJiWG__table {
  border: 1px solid var(--mc-border);
  border-radius: 14px;
  margin-top: 14px;
  overflow: hidden;
}

.PermanentDeleteDialog-module__4FJiWG__row {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  display: flex;
}

.PermanentDeleteDialog-module__4FJiWG__row + .PermanentDeleteDialog-module__4FJiWG__row {
  border-top: 1px solid var(--mc-divider);
}

.PermanentDeleteDialog-module__4FJiWG__rowLabel {
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 700;
}

.PermanentDeleteDialog-module__4FJiWG__rowValue {
  color: var(--mc-text);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 800;
}

.PermanentDeleteDialog-module__4FJiWG__actions {
  gap: var(--mc-drawer-foot-gap);
  grid-template-columns: 1fr 1fr 1.4fr;
  margin-top: 16px;
  display: grid;
}

.PermanentDeleteDialog-module__4FJiWG__cancel, .PermanentDeleteDialog-module__4FJiWG__archive, .PermanentDeleteDialog-module__4FJiWG__delete {
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  min-width: 0;
}

.PermanentDeleteDialog-module__4FJiWG__cancel {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  color: var(--mc-text);
}

.PermanentDeleteDialog-module__4FJiWG__archive {
  background: var(--mc-primary);
  color: #fff;
  border: 0;
}

.PermanentDeleteDialog-module__4FJiWG__delete {
  border: 1px solid color-mix(in srgb, var(--mc-danger) 25%, transparent);
  background: color-mix(in srgb, var(--mc-danger) 16%, transparent);
  color: var(--mc-danger);
}

/* [project]/src/components/ui/Controls.module.css [app-client] (css) */
.Controls-module___rFs1W__segmented {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  height: 44px;
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 18px;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 4px;
  width: 100%;
  padding: 4px;
  display: grid;
}

.Controls-module___rFs1W__segment {
  height: 100%;
  color: var(--mc-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 0 10px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  transition: background .18s, color .18s, transform .18s;
  display: flex;
}

.Controls-module___rFs1W__segment svg {
  fill: none;
  stroke: currentColor;
  flex: none;
  display: block;
  overflow: visible;
}

.Controls-module___rFs1W__segment span {
  white-space: nowrap;
  line-height: 1;
}

.Controls-module___rFs1W__segment[aria-pressed="true"] {
  background: var(--mc-primary);
  color: #fff;
  box-shadow: none;
}

.Controls-module___rFs1W__segment:active {
  transform: scale(.98);
}

@media (max-width: 380px) {
  .Controls-module___rFs1W__segment {
    gap: 4px;
    padding: 0 4px;
    font-size: 12px;
  }
}

.Controls-module___rFs1W__toggleWrap {
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.Controls-module___rFs1W__toggle {
  border-radius: var(--mc-radius-pill);
  background: var(--mc-border);
  width: 48px;
  height: 28px;
  transition: background var(--mc-motion-fast) var(--mc-ease);
  border: 0;
  padding: 3px;
  position: relative;
}

.Controls-module___rFs1W__toggle[aria-checked="true"] {
  background: var(--mc-primary);
}

.Controls-module___rFs1W__knob {
  width: 22px;
  height: 22px;
  transition: transform var(--mc-motion-fast) var(--mc-ease);
  background: #fff;
  border-radius: 50%;
  display: block;
  box-shadow: 0 2px 6px rgba(15, 25, 45, .2);
}

.Controls-module___rFs1W__toggle[aria-checked="true"] .Controls-module___rFs1W__knob {
  transform: translateX(20px);
}

.Controls-module___rFs1W__toggleLabel {
  color: var(--mc-text-soft);
  font-size: 14px;
}

.Controls-module___rFs1W__row {
  background: var(--mc-card);
  width: 100%;
  min-height: 64px;
  color: inherit;
  text-align: left;
  border: 0;
  border-radius: 17px;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: grid;
}

.Controls-module___rFs1W__rowInteractive:active {
  transform: scale(.985);
}

.Controls-module___rFs1W__iconTile {
  background: var(--mc-primary-soft);
  width: 40px;
  height: 40px;
  color: var(--mc-primary);
  border-radius: 13px;
  place-items: center;
  display: grid;
}

.Controls-module___rFs1W__rowCopy {
  min-width: 0;
}

.Controls-module___rFs1W__rowTitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 750;
  display: block;
  overflow: hidden;
}

.Controls-module___rFs1W__rowSubtitle {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 12px;
  display: block;
  overflow: hidden;
}

.Controls-module___rFs1W__rowValue {
  color: var(--mc-text-soft);
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
}

.Controls-module___rFs1W__chevron {
  color: var(--mc-muted);
}

.Controls-module___rFs1W__empty {
  text-align: center;
  justify-items: center;
  padding: 40px 24px;
  display: grid;
}

.Controls-module___rFs1W__emptyIcon {
  background: var(--mc-primary-soft);
  width: 58px;
  height: 58px;
  color: var(--mc-icon-accent);
  border-radius: 20px;
  place-items: center;
  display: grid;
}

.Controls-module___rFs1W__emptyTitle {
  margin: 16px 0 0;
  font-size: 17px;
}

.Controls-module___rFs1W__emptyDescription {
  max-width: 300px;
  color: var(--mc-muted);
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.55;
}

.Controls-module___rFs1W__primaryButton {
  background: var(--mc-primary);
  min-height: 44px;
  color: var(--mc-on-primary);
  border: 0;
  border-radius: 14px;
  margin-top: 18px;
  padding: 0 18px;
  font-weight: 750;
}

/* [project]/src/components/ui/FilterSheet.module.css [app-client] (css) */
.FilterSheet-module__tsZu3a__root {
  z-index: 110;
  align-items: stretch;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FilterSheet-module__tsZu3a__scrim {
  background: var(--mc-overlay);
  -webkit-backdrop-filter: blur(3px) saturate(140%);
  backdrop-filter: blur(3px) saturate(140%);
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FilterSheet-module__tsZu3a__panel {
  z-index: 1;
  background: var(--mc-bg);
  width: 100%;
  height: 100%;
  max-height: 100dvh;
  animation: FilterSheet-module__tsZu3a__slideUp .35s var(--mc-ease);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__handle {
  cursor: grab;
  touch-action: none;
  width: 100%;
  min-height: 28px;
  padding-top: calc(8px + env(safe-area-inset-top));
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  display: grid;
}

.FilterSheet-module__tsZu3a__handle:active {
  cursor: grabbing;
}

.FilterSheet-module__tsZu3a__handleBar {
  background: var(--mc-border);
  border-radius: 99px;
  width: 38px;
  height: 4px;
}

.FilterSheet-module__tsZu3a__header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 18px 0;
  display: flex;
}

.FilterSheet-module__tsZu3a__title {
  letter-spacing: -.045em;
  min-width: 0;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 28px;
  font-weight: 800;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__close {
  width: 36px;
  height: 36px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 50%;
  flex: none;
  place-items: center;
  padding: 0;
  line-height: 0;
  display: grid;
}

.FilterSheet-module__tsZu3a__close svg {
  width: 18px;
  height: 18px;
  display: block;
}

.FilterSheet-module__tsZu3a__summary {
  flex-wrap: wrap;
  gap: 6px;
  padding: 12px 18px;
  display: flex;
}

.FilterSheet-module__tsZu3a__summaryChip {
  background: var(--mc-surface);
  color: var(--mc-icon-accent);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.FilterSheet-module__tsZu3a__body {
  scrollbar-width: none;
  flex: 1;
  min-height: 0;
  padding: 16px 18px 32px;
  overflow-y: auto;
}

.FilterSheet-module__tsZu3a__body::-webkit-scrollbar {
  display: none;
}

.FilterSheet-module__tsZu3a__card {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__group {
  background: var(--mc-card);
  border-bottom: 1px solid var(--mc-border);
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__group:last-child {
  border-bottom: 0;
}

.FilterSheet-module__tsZu3a__groupHeader {
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 54px;
  min-height: 54px;
  padding: 0 16px;
  display: flex;
}

.FilterSheet-module__tsZu3a__groupIcon {
  background: var(--mc-primary-soft);
  width: 34px;
  height: 34px;
  color: var(--mc-icon-accent);
  border-radius: 11px;
  flex: none;
  place-items: center;
  display: grid;
}

.FilterSheet-module__tsZu3a__groupTitle {
  min-width: 0;
  color: var(--mc-text);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 14px;
  font-weight: 760;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__chevron {
  color: var(--mc-muted);
  flex: none;
  transform: rotate(-90deg);
}

.FilterSheet-module__tsZu3a__chevronOpen {
  transform: rotate(0);
}

.FilterSheet-module__tsZu3a__groupContent {
  padding: 0 16px 16px;
  animation: .26s cubic-bezier(.16, 1, .3, 1) FilterSheet-module__tsZu3a__groupSlideDown;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__groupLeaving {
  animation: .2s ease-in forwards FilterSheet-module__tsZu3a__groupSlideUp;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__grid2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 8px;
  display: grid;
}

.FilterSheet-module__tsZu3a__grid3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: grid;
}

.FilterSheet-module__tsZu3a__grid4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  display: grid;
}

.FilterSheet-module__tsZu3a__chip {
  background: var(--mc-chip);
  text-align: center;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  outline: none;
  padding: 12px 6px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  transition: all .15s;
}

.FilterSheet-module__tsZu3a__chip:active {
  transform: scale(.96);
}

.FilterSheet-module__tsZu3a__chip:focus {
  outline: none;
}

.FilterSheet-module__tsZu3a__chip:focus:not(:focus-visible) {
  background: var(--mc-chip);
}

.FilterSheet-module__tsZu3a__chip.FilterSheet-module__tsZu3a__on {
  border-color: var(--mc-primary);
  background: var(--mc-chip);
  color: var(--mc-text);
}

.FilterSheet-module__tsZu3a__typeGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  display: grid;
}

.FilterSheet-module__tsZu3a__typeChip {
  background: var(--mc-chip);
  text-align: center;
  color: var(--mc-text);
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.FilterSheet-module__tsZu3a__typeChip.FilterSheet-module__tsZu3a__on {
  border-color: var(--mc-primary);
  background: var(--mc-surface);
  color: var(--mc-text);
}

.FilterSheet-module__tsZu3a__typeChipIcon {
  color: var(--mc-text);
  flex: none;
}

.FilterSheet-module__tsZu3a__allTile {
  background: var(--mc-chip);
  width: 100%;
  color: var(--mc-text);
  text-align: center;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 12px 6px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  display: block;
}

.FilterSheet-module__tsZu3a__allTile.FilterSheet-module__tsZu3a__on {
  border-color: var(--mc-primary);
  background: var(--mc-surface);
  color: var(--mc-text);
  font-weight: 850;
}

.FilterSheet-module__tsZu3a__accountTiles {
  scrollbar-width: none;
  -ms-overflow-style: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  max-height: 300px;
  padding: 2px;
  display: grid;
  overflow-y: auto;
}

.FilterSheet-module__tsZu3a__accountTiles::-webkit-scrollbar {
  display: none;
}

.FilterSheet-module__tsZu3a__accountTile {
  min-width: 0;
  box-shadow: none;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  justify-items: center;
  gap: 7px;
  padding: 10px 4px;
  display: grid;
}

.FilterSheet-module__tsZu3a__accountTile > span {
  background: var(--mc-surface);
  width: 51px;
  height: 51px;
  color: var(--mc-muted);
  box-sizing: border-box;
  border-radius: 14px;
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__accountTile svg {
  width: 21px;
  height: 21px;
}

.FilterSheet-module__tsZu3a__accountTile small {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__accountTile.FilterSheet-module__tsZu3a__on > span {
  box-shadow: 0 0 0 2.5px var(--mc-primary);
  color: var(--mc-text);
  transform: scale(1.04);
}

.FilterSheet-module__tsZu3a__accountTile.FilterSheet-module__tsZu3a__on small {
  color: var(--mc-text);
  font-weight: 850;
}

.FilterSheet-module__tsZu3a__categoryTiles {
  scrollbar-width: none;
  -ms-overflow-style: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  max-height: 300px;
  padding: 2px;
  display: grid;
  overflow-y: auto;
}

.FilterSheet-module__tsZu3a__categoryTiles::-webkit-scrollbar {
  display: none;
}

.FilterSheet-module__tsZu3a__categoryTile {
  min-width: 0;
  box-shadow: none;
  color: var(--mc-icon-accent);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 12px;
  justify-items: center;
  gap: 7px;
  padding: 10px 4px;
  display: grid;
}

.FilterSheet-module__tsZu3a__categoryTile > span {
  background: var(--mc-primary-soft);
  width: 51px;
  height: 51px;
  color: var(--mc-muted);
  box-sizing: border-box;
  border-radius: 14px;
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__categoryTile svg {
  width: 21px;
  height: 21px;
}

.FilterSheet-module__tsZu3a__categoryTile small {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__categoryTile.FilterSheet-module__tsZu3a__on > span {
  box-shadow: 0 0 0 2.5px var(--mc-primary);
  color: var(--mc-icon-accent);
}

.FilterSheet-module__tsZu3a__categoryTile.FilterSheet-module__tsZu3a__on small {
  color: var(--mc-text);
  font-weight: 850;
}

.FilterSheet-module__tsZu3a__dateRow {
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.FilterSheet-module__tsZu3a__dateBtn {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  cursor: pointer;
  text-align: left;
  border-radius: 12px;
  flex: 1;
  align-items: center;
  min-width: 0;
  padding: 11px 12px;
  font-family: inherit;
  display: flex;
}

.FilterSheet-module__tsZu3a__dateBtn b {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 13px;
  font-weight: 750;
  overflow: hidden;
}

.FilterSheet-module__tsZu3a__dateSep {
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 700;
}

.FilterSheet-module__tsZu3a__rangeLbl {
  color: var(--mc-text);
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.FilterSheet-module__tsZu3a__dualSlider {
  background: var(--mc-border);
  border-radius: 2px;
  width: auto;
  height: 4px;
  position: relative;
}

.FilterSheet-module__tsZu3a__dualTrack {
  background: var(--mc-primary);
  z-index: 1;
  border-radius: 2px;
  height: 100%;
  position: absolute;
}

.FilterSheet-module__tsZu3a__dualSlider input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  pointer-events: none;
  z-index: 2;
  background: none;
  width: 100%;
  height: 32px;
  margin: 0;
  position: absolute;
  top: -14px;
  left: 0;
}

.FilterSheet-module__tsZu3a__dualSlider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid var(--mc-primary);
  pointer-events: auto;
  cursor: grab;
  background: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  box-shadow: 0 2px 6px rgba(44, 84, 160, .3);
}

.FilterSheet-module__tsZu3a__dualSlider input[type="range"]::-moz-range-thumb {
  border: 2px solid var(--mc-primary);
  pointer-events: auto;
  cursor: grab;
  background: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  box-shadow: 0 2px 6px rgba(44, 84, 160, .3);
}

.FilterSheet-module__tsZu3a__footerGrid {
  gap: var(--mc-drawer-foot-gap);
  grid-template-columns: 1fr 1.5fr;
  display: grid;
}

.FilterSheet-module__tsZu3a__reset {
  height: var(--mc-drawer-btn-height);
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-card);
  color: var(--mc-text);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  transition: transform .1s, opacity .15s;
}

.FilterSheet-module__tsZu3a__reset:active {
  opacity: .85;
  transform: scale(.97);
}

.FilterSheet-module__tsZu3a__reset:focus {
  outline: none;
}

.FilterSheet-module__tsZu3a__reset:focus:not(:focus-visible) {
  background: var(--mc-card);
}

.FilterSheet-module__tsZu3a__apply {
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-primary);
  color: #fff;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  outline: none;
  transition: transform .1s, opacity .15s;
}

.FilterSheet-module__tsZu3a__apply:active {
  opacity: .9;
  transform: scale(.97);
}

.FilterSheet-module__tsZu3a__apply:focus {
  outline: none;
}

.FilterSheet-module__tsZu3a__apply:focus:not(:focus-visible) {
  background: var(--mc-primary);
}

@keyframes FilterSheet-module__tsZu3a__fadeIn {
  from {
    opacity: 0;
  }
}

@keyframes FilterSheet-module__tsZu3a__slideUp {
  from {
    opacity: .9;
    transform: translateY(100%);
  }
}

@keyframes FilterSheet-module__tsZu3a__groupSlideDown {
  0% {
    opacity: 0;
    max-height: 0;
    transform: translateY(-8px);
  }

  100% {
    opacity: 1;
    max-height: 500px;
    transform: translateY(0);
  }
}

@keyframes FilterSheet-module__tsZu3a__groupSlideUp {
  0% {
    opacity: 1;
    max-height: 500px;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    max-height: 0;
    transform: translateY(-8px);
  }
}

@media (min-width: 720px) {
  .FilterSheet-module__tsZu3a__root {
    justify-content: center;
    align-items: center;
    padding: 24px;
  }

  .FilterSheet-module__tsZu3a__panel {
    border-radius: var(--mc-radius-sheet);
    width: min(100%, 680px);
    height: min(92dvh, 880px);
    box-shadow: var(--mc-shadow-sheet);
  }

  .FilterSheet-module__tsZu3a__header {
    padding: calc(20px + env(safe-area-inset-top)) 20px 16px;
  }
}

/* [project]/src/components/ui/toast.module.css [app-client] (css) */
.toast-module__eiL02G__viewport {
  top: calc(env(safe-area-inset-top)  + 12px);
  z-index: 99999;
  pointer-events: none;
  gap: 8px;
  width: max-content;
  max-width: min(94vw, 440px);
  display: grid;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
}

.toast-module__eiL02G__toast {
  --toast-accent: var(--mc-primary);
  background: var(--mc-card);
  min-width: min(78vw, 240px);
  max-width: min(94vw, 440px);
  color: var(--mc-text);
  box-shadow: var(--mc-shadow-card), 0 12px 32px rgba(0, 0, 0, .22);
  letter-spacing: -.01em;
  pointer-events: auto;
  animation: toast-module__eiL02G__toastIn .28s var(--mc-ease) both;
  -webkit-backdrop-filter: blur(24px);
  border: 0;
  border-radius: 20px;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.35;
  display: flex;
  position: relative;
  overflow: hidden;
}

.toast-module__eiL02G__toast span {
  white-space: normal;
  word-break: break-word;
  flex: 1;
  min-width: 0;
}

.toast-module__eiL02G__icon {
  width: 20px;
  height: 20px;
  color: var(--toast-accent);
  background: none;
  flex-shrink: 0;
  place-items: center;
  line-height: 0;
  display: grid;
}

.toast-module__eiL02G__icon svg {
  fill: none;
  stroke: currentColor;
  width: 19px;
  height: 19px;
  display: block;
  overflow: visible;
}

.toast-module__eiL02G__success {
  --toast-accent: var(--mc-income, #22c55e);
}

.toast-module__eiL02G__info {
  --toast-accent: var(--mc-primary, #3b82f6);
}

.toast-module__eiL02G__warning {
  --toast-accent: #f59e0b;
}

.toast-module__eiL02G__error {
  --toast-accent: var(--mc-danger, #ef4444);
}

.toast-module__eiL02G__dismiss {
  width: 22px;
  height: 22px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: background .12s, color .12s, transform .12s;
  display: grid;
}

.toast-module__eiL02G__dismiss svg {
  fill: none;
  stroke: currentColor;
  width: 14px;
  height: 14px;
  display: block;
  overflow: visible;
}

.toast-module__eiL02G__dismiss:hover {
  background: color-mix(in srgb, var(--mc-text) 10%, transparent);
  color: var(--mc-text);
}

.toast-module__eiL02G__dismiss:active {
  transform: scale(.9);
}

.toast-module__eiL02G__progress {
  background: linear-gradient(90deg, var(--toast-accent), color-mix(in srgb, var(--toast-accent) 35%, transparent));
  transform-origin: 0;
  width: 100%;
  height: 2px;
  animation: toast-module__eiL02G__toastProgress var(--toast-duration, 3.2s) linear forwards;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
}

.toast-module__eiL02G__paused .toast-module__eiL02G__progress {
  animation-play-state: paused;
}

@keyframes toast-module__eiL02G__toastIn {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(-10px)scale(.96);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: translateY(0)scale(1);
  }
}

@keyframes toast-module__eiL02G__toastProgress {
  to {
    transform: scaleX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .toast-module__eiL02G__toast {
    animation: none;
  }

  .toast-module__eiL02G__progress {
    animation: none;
    display: none;
  }
}

/* [project]/src/components/ui/UpgradeModal.module.css [app-client] (css) */
.UpgradeModal-module__Y8XHea__overlay {
  -webkit-backdrop-filter: blur(16px);
  z-index: 9999;
  background: rgba(0, 0, 0, .65);
  justify-content: center;
  align-items: center;
  padding: 16px;
  animation: .18s ease-out UpgradeModal-module__Y8XHea__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes UpgradeModal-module__Y8XHea__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.UpgradeModal-module__Y8XHea__modal {
  background: var(--mc-card, #1c1c1e);
  border: 1px solid color-mix(in srgb, var(--mc-border, #38383a) 70%, transparent);
  border-radius: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  padding: 24px 20px 20px;
  animation: .2s cubic-bezier(.16, 1, .3, 1) UpgradeModal-module__Y8XHea__scaleUp;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .45);
}

@keyframes UpgradeModal-module__Y8XHea__scaleUp {
  from {
    opacity: 0;
    transform: scale(.96)translateY(8px);
  }

  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

.UpgradeModal-module__Y8XHea__closeBtn {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  background: none;
  border: 0;
  border-radius: 50%;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  line-height: 0;
  transition: opacity .15s;
  display: grid;
  position: absolute;
  top: 10px;
  right: 10px;
}

.UpgradeModal-module__Y8XHea__closeBtn:active {
  opacity: .6;
}

.UpgradeModal-module__Y8XHea__closeBtnIconWrap {
  background: color-mix(in srgb, var(--mc-text) 9%, transparent);
  width: 30px;
  height: 30px;
  color: var(--mc-muted, #8e8e93);
  border-radius: 50%;
  place-items: center;
  transition: all .15s;
  display: grid;
}

.UpgradeModal-module__Y8XHea__closeBtn:hover .UpgradeModal-module__Y8XHea__closeBtnIconWrap {
  background: color-mix(in srgb, var(--mc-text) 16%, transparent);
  color: var(--mc-text, #fff);
}

.UpgradeModal-module__Y8XHea__limitPill {
  background: color-mix(in srgb, var(--mc-text) 7%, transparent);
  color: var(--mc-muted, #8e8e93);
  border-radius: 6px;
  align-self: flex-start;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  padding: 3px 9px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.UpgradeModal-module__Y8XHea__limitDot {
  background: #ff9f0a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
}

.UpgradeModal-module__Y8XHea__logoBadge {
  background: var(--mc-surface, #2c2c2e);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 14px;
  display: flex;
}

.UpgradeModal-module__Y8XHea__title {
  letter-spacing: -.025em;
  color: var(--mc-text, #fff);
  margin: 0 0 5px;
  font-size: 21px;
  font-weight: 750;
  line-height: 1.25;
}

.UpgradeModal-module__Y8XHea__description {
  color: var(--mc-muted, #8e8e93);
  margin: 0 0 18px;
  font-size: 13.5px;
  line-height: 1.45;
}

.UpgradeModal-module__Y8XHea__featureList {
  flex-direction: column;
  gap: 10px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: flex;
}

.UpgradeModal-module__Y8XHea__featureItem {
  color: var(--mc-text, #fff);
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  font-weight: 550;
  line-height: 1.35;
  display: flex;
}

.UpgradeModal-module__Y8XHea__checkIcon {
  color: #007aff;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.UpgradeModal-module__Y8XHea__primaryCta {
  color: #fff;
  cursor: pointer;
  background: #007aff;
  border: 0;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 650;
  transition: opacity .15s, transform .12s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 122, 255, .35);
}

.UpgradeModal-module__Y8XHea__primaryCta:hover {
  opacity: .94;
}

.UpgradeModal-module__Y8XHea__primaryCta:active {
  opacity: .75;
  transform: scale(.985);
}

.UpgradeModal-module__Y8XHea__primaryCta:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.UpgradeModal-module__Y8XHea__ctaText {
  font-size: 15px;
  font-weight: 650;
}

.UpgradeModal-module__Y8XHea__ctaBadge {
  color: rgba(255, 255, 255, .85);
  margin-left: auto;
  margin-right: 8px;
  font-size: 12.5px;
  font-weight: 600;
}

.UpgradeModal-module__Y8XHea__ctaIcon {
  flex-shrink: 0;
  place-items: center;
  line-height: 0;
  display: grid;
}

.UpgradeModal-module__Y8XHea__footActions {
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  display: flex;
}

.UpgradeModal-module__Y8XHea__restoreBtnLink {
  color: #007aff;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  min-height: 40px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 600;
  transition: opacity .15s;
  display: inline-flex;
}

.UpgradeModal-module__Y8XHea__restoreBtnLink:active {
  opacity: .6;
}

.UpgradeModal-module__Y8XHea__footActionSep {
  color: var(--mc-muted, #8e8e93);
  opacity: .4;
  font-size: 13px;
}

.UpgradeModal-module__Y8XHea__dismissButton {
  color: var(--mc-muted, #8e8e93);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 600;
  transition: opacity .15s;
  display: inline-flex;
}

.UpgradeModal-module__Y8XHea__dismissButton:active {
  opacity: .6;
}

.UpgradeModal-module__Y8XHea__legalDisclosure {
  color: var(--mc-muted, #8e8e93);
  text-align: center;
  margin-top: 10px;
  padding: 0 4px;
  font-size: 11px;
  line-height: 1.45;
}

.UpgradeModal-module__Y8XHea__legalLink {
  color: var(--mc-text, #fff);
  text-underline-offset: 2px;
  text-decoration: underline;
}

/* [project]/src/components/ui/DueDayPicker.module.css [app-client] (css) */
.DueDayPicker-module__irg5aq__wrap {
  gap: 16px;
  padding: 4px 0 8px;
  display: grid;
}

.DueDayPicker-module__irg5aq__helperText {
  color: var(--mc-muted);
  text-align: center;
  margin: 0;
  padding: 2px 0 6px;
  font-size: 13px;
  font-weight: 700;
}

.DueDayPicker-module__irg5aq__dayBadge {
  background: var(--mc-primary-soft);
  color: var(--mc-primary);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.DueDayPicker-module__irg5aq__grid {
  text-align: center;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  display: grid;
}

.DueDayPicker-module__irg5aq__dayBtn {
  aspect-ratio: 1;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 13px;
  place-items: center;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: background .14s, color .14s, transform .12s;
  display: grid;
}

.DueDayPicker-module__irg5aq__dayBtn:hover {
  background: var(--mc-chip);
}

.DueDayPicker-module__irg5aq__dayBtn:active {
  transform: scale(.92);
}

.DueDayPicker-module__irg5aq__selected {
  box-shadow: none;
  font-size: 15px;
  background: var(--mc-primary) !important;
  color: #fff !important;
  border-radius: 13px !important;
  font-weight: 850 !important;
}

.DueDayPicker-module__irg5aq__confirm {
  min-height: var(--mc-drawer-btn-height, 48px);
  border-radius: var(--mc-drawer-btn-radius, 16px);
  background: var(--mc-primary);
  color: #fff;
  width: 100%;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size, 15px);
  font-weight: var(--mc-drawer-btn-weight, 800);
  cursor: pointer;
  border: 0;
  transition: opacity .14s, transform .12s;
}

.DueDayPicker-module__irg5aq__confirm:active {
  opacity: .9;
  transform: scale(.98);
}

.DueDayPicker-module__irg5aq__weeklyList {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.DueDayPicker-module__irg5aq__weeklyBtn {
  background: var(--mc-surface);
  color: var(--mc-text);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.DueDayPicker-module__irg5aq__weeklyBtn:hover {
  background: var(--mc-chip);
}

.DueDayPicker-module__irg5aq__weeklyBtnSelected {
  border-color: var(--mc-primary);
  color: var(--mc-text);
}

/* [project]/src/components/screens/CategoryIconPicker.module.css [app-client] (css) */
.CategoryIconPicker-module__Zy7ula__categoryIconSearch {
  background: var(--mc-card);
  height: 46px;
  color: var(--mc-muted);
  box-sizing: border-box;
  box-shadow: var(--mc-shadow-card);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
  padding: 0 12px;
  font-family: inherit;
  transition: border-color .15s;
  display: flex;
}

.CategoryIconPicker-module__Zy7ula__categoryIconSearch:focus-within {
  border-color: var(--mc-primary);
}

.CategoryIconPicker-module__Zy7ula__categoryIconSearch input {
  min-width: 0;
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
}

.CategoryIconPicker-module__Zy7ula__categoryIconSearch input::placeholder {
  color: var(--mc-muted);
  font-weight: 500;
}

.CategoryIconPicker-module__Zy7ula__categoryIconSearch button {
  width: 28px;
  height: 28px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.CategoryIconPicker-module__Zy7ula__categoryIconResultMeta {
  color: var(--mc-muted);
  margin: 0 2px 10px;
  font-size: 11px;
  font-weight: 800;
}

.CategoryIconPicker-module__Zy7ula__categoryIconGrid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.CategoryIconPicker-module__Zy7ula__categoryIconEmpty {
  min-height: 160px;
  color: var(--mc-muted);
  place-items: center;
  font-size: 13px;
  font-weight: 750;
  display: grid;
}

.CategoryIconPicker-module__Zy7ula__categoryIconOption {
  background: var(--mc-primary-soft);
  min-width: 0;
  min-height: 60px;
  color: var(--mc-icon-accent);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 14px;
  align-content: center;
  place-items: center;
  gap: 5px;
  padding: 7px 3px;
  font-family: inherit;
  font-size: 9.5px;
  font-weight: 750;
  transition: all .14s;
  display: grid;
}

.CategoryIconPicker-module__Zy7ula__categoryIconOption svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.CategoryIconPicker-module__Zy7ula__categoryIconOption span {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: var(--mc-muted);
  overflow: hidden;
}

.CategoryIconPicker-module__Zy7ula__categoryIconOption.CategoryIconPicker-module__Zy7ula__on {
  background: var(--mc-primary);
  color: #fff;
}

.CategoryIconPicker-module__Zy7ula__categoryIconOption.CategoryIconPicker-module__Zy7ula__on span {
  color: #fff;
}

/* [project]/src/components/categories/SubcategoryManagerDrawer.module.css [app-client] (css) */
.SubcategoryManagerDrawer-module__SCVspq__bodyContent {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.SubcategoryManagerDrawer-module__SCVspq__headerDescription {
  color: var(--mc-muted);
  margin: -4px 0 2px;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.45;
}

.SubcategoryManagerDrawer-module__SCVspq__addBar {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.SubcategoryManagerDrawer-module__SCVspq__addInputWrapper {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.SubcategoryManagerDrawer-module__SCVspq__addInput {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 46px;
  color: var(--mc-text);
  box-shadow: var(--mc-shadow-card);
  border-radius: 14px;
  outline: none;
  padding: 0 42px 0 14px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  transition: border-color .15s, background .15s;
}

.SubcategoryManagerDrawer-module__SCVspq__addInput:focus {
  border-color: var(--mc-primary);
  background: var(--mc-surface);
}

.SubcategoryManagerDrawer-module__SCVspq__addInput::placeholder {
  color: var(--mc-muted);
}

.SubcategoryManagerDrawer-module__SCVspq__addIconBtn {
  width: 30px;
  height: 30px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  place-items: center;
  padding: 0;
  transition: color .15s, transform .12s;
  display: grid;
  position: absolute;
  right: 8px;
}

.SubcategoryManagerDrawer-module__SCVspq__addIconBtn:hover {
  color: var(--mc-text);
}

.SubcategoryManagerDrawer-module__SCVspq__addIconBtn:active {
  transform: scale(.9);
}

.SubcategoryManagerDrawer-module__SCVspq__addBtn {
  background: var(--mc-primary);
  height: 46px;
  color: var(--mc-on-primary);
  cursor: pointer;
  border: none;
  border-radius: 14px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 0 18px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 850;
  transition: all .15s;
  display: inline-flex;
}

.SubcategoryManagerDrawer-module__SCVspq__addBtn:active {
  opacity: .9;
  transform: scale(.96);
}

.SubcategoryManagerDrawer-module__SCVspq__addBtn:disabled {
  opacity: .45;
  cursor: default;
  box-shadow: none;
}

.SubcategoryManagerDrawer-module__SCVspq__treeCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border: none;
  border-radius: 18px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.SubcategoryManagerDrawer-module__SCVspq__parentRow {
  background: var(--mc-card);
  border-bottom: 1px solid var(--mc-border);
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.SubcategoryManagerDrawer-module__SCVspq__parentIconWrap {
  background: var(--mc-primary-soft);
  width: 32px;
  height: 32px;
  color: var(--mc-icon-accent);
  border: none;
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.SubcategoryManagerDrawer-module__SCVspq__parentName {
  letter-spacing: -.01em;
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 14.5px;
  font-weight: 850;
  overflow: hidden;
}

.SubcategoryManagerDrawer-module__SCVspq__subCountBadge {
  color: var(--mc-muted);
  background: none;
  border: none;
  border-radius: 999px;
  flex-shrink: 0;
  font-size: 11.5px;
  font-weight: 750;
}

.SubcategoryManagerDrawer-module__SCVspq__treeList {
  flex-direction: column;
  display: flex;
  position: relative;
}

.SubcategoryManagerDrawer-module__SCVspq__treeRow {
  align-items: center;
  gap: 2px;
  min-width: 0;
  min-height: 46px;
  padding: 0 12px 0 0;
  transition: background .14s;
  display: flex;
  position: relative;
}

.SubcategoryManagerDrawer-module__SCVspq__treeRow:last-child {
  border-bottom: none;
}

.SubcategoryManagerDrawer-module__SCVspq__treeRow:hover {
  background: var(--mc-surface);
}

.SubcategoryManagerDrawer-module__SCVspq__treeRowHidden {
  opacity: .45;
}

.SubcategoryManagerDrawer-module__SCVspq__branchCell {
  flex-shrink: 0;
  align-self: stretch;
  align-items: center;
  width: 38px;
  display: flex;
  position: relative;
}

.SubcategoryManagerDrawer-module__SCVspq__branchTrunkUp {
  background: var(--mc-border);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 65%;
  left: 24px;
}

.SubcategoryManagerDrawer-module__SCVspq__branchTrunkDown {
  background: var(--mc-border);
  width: 1px;
  position: absolute;
  top: 65%;
  bottom: 0;
  left: 24px;
}

.SubcategoryManagerDrawer-module__SCVspq__branchCurve {
  border-left: 1.5px solid var(--mc-border);
  border-bottom: 1.5px solid var(--mc-border);
  box-sizing: border-box;
  border-bottom-left-radius: 8px;
  width: 12px;
  height: 13px;
  position: absolute;
  top: calc(50% - 13px);
  left: 24px;
}

.SubcategoryManagerDrawer-module__SCVspq__subIconWrap {
  background: var(--mc-primary-soft);
  width: 28px;
  height: 28px;
  color: var(--mc-icon-accent);
  cursor: pointer;
  border: none;
  border-radius: 9px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: transform .12s, opacity .12s;
  display: grid;
}

.SubcategoryManagerDrawer-module__SCVspq__subIconWrap:hover {
  opacity: .85;
}

.SubcategoryManagerDrawer-module__SCVspq__subIconWrap:active {
  transform: scale(.92);
}

.SubcategoryManagerDrawer-module__SCVspq__rowNameInput {
  min-width: 0;
  height: 34px;
  color: var(--mc-text);
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 9px;
  outline: none;
  flex: 1;
  padding: 0 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: all .14s;
}

.SubcategoryManagerDrawer-module__SCVspq__rowNameInput:hover {
  background: var(--mc-surface);
  border-color: var(--mc-border);
}

.SubcategoryManagerDrawer-module__SCVspq__rowNameInput:focus {
  background: var(--mc-surface);
  border-color: var(--mc-primary);
  box-shadow: 0 0 0 1px var(--mc-primary);
}

.SubcategoryManagerDrawer-module__SCVspq__rowActions {
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  display: flex;
}

.SubcategoryManagerDrawer-module__SCVspq__actionBtn {
  width: 30px;
  height: 30px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: all .12s;
  display: grid;
}

.SubcategoryManagerDrawer-module__SCVspq__actionBtn:hover {
  background: var(--mc-surface);
  color: var(--mc-text);
}

.SubcategoryManagerDrawer-module__SCVspq__actionBtn:active {
  transform: scale(.9);
}

.SubcategoryManagerDrawer-module__SCVspq__actionBtn:disabled {
  opacity: .2;
  cursor: default;
}

.SubcategoryManagerDrawer-module__SCVspq__actionBtnHiddenActive {
  color: var(--mc-muted);
}

.SubcategoryManagerDrawer-module__SCVspq__actionBtnDelete:hover {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 15%, transparent);
  color: var(--mc-danger, #f87171);
}

.SubcategoryManagerDrawer-module__SCVspq__emptyState {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 28px 16px;
  display: flex;
}

.SubcategoryManagerDrawer-module__SCVspq__emptyState p {
  color: var(--mc-muted);
  margin: 0;
  font-size: 13px;
  font-weight: 650;
}

/* [project]/src/components/ui/CategoryPickerSheet.module.css [app-client] (css) */
.CategoryPickerSheet-module__POPLfW__pickerContainer {
  box-sizing: border-box;
  width: 100%;
  min-height: 280px;
  padding: 0 4px 14px;
  position: relative;
}

.CategoryPickerSheet-module__POPLfW__searchBar {
  background: var(--mc-card);
  min-height: 46px;
  box-shadow: var(--mc-shadow-card);
  border-radius: 14px;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0 12px;
  display: flex;
}

.CategoryPickerSheet-module__POPLfW__searchInput {
  min-width: 0;
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
}

.CategoryPickerSheet-module__POPLfW__searchClear {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 4px;
  display: grid;
}

.CategoryPickerSheet-module__POPLfW__grid {
  box-sizing: border-box;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 2px 0;
  transition: opacity .22s cubic-bezier(.16, 1, .3, 1), transform .22s cubic-bezier(.16, 1, .3, 1);
  display: grid;
}

.CategoryPickerSheet-module__POPLfW__gridFadedOut {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scale(.96);
}

.CategoryPickerSheet-module__POPLfW__tile {
  min-width: 0;
  box-shadow: none;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  justify-items: center;
  gap: 7px;
  padding: 10px 2px;
  transition: transform .14s;
  display: grid;
}

.CategoryPickerSheet-module__POPLfW__tile:active {
  transform: scale(.94);
}

.CategoryPickerSheet-module__POPLfW__iconWrap {
  background: var(--mc-card);
  width: 51px;
  height: 51px;
  color: var(--mc-icon-accent);
  box-sizing: border-box;
  border: none;
  border-radius: 14px;
  place-items: center;
  transition: all .15s;
  display: grid;
  position: relative;
  overflow: hidden;
}

.CategoryPickerSheet-module__POPLfW__iconWrap svg {
  width: 21px;
  height: 21px;
}

.CategoryPickerSheet-module__POPLfW__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: var(--mc-muted);
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  transition: color .15s;
  overflow: hidden;
}

.CategoryPickerSheet-module__POPLfW__tileSelected {
  color: var(--mc-text);
}

.CategoryPickerSheet-module__POPLfW__tileSelected .CategoryPickerSheet-module__POPLfW__label {
  color: var(--mc-text);
  font-weight: 850;
}

.CategoryPickerSheet-module__POPLfW__tileSelected .CategoryPickerSheet-module__POPLfW__iconWrap {
  box-shadow: 0 0 0 2.5px var(--mc-primary);
  color: var(--mc-text);
  border-radius: 14px;
}

.CategoryPickerSheet-module__POPLfW__subEllipsisBadge {
  width: 14px;
  height: 14px;
  color: var(--mc-icon-accent);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  transition: transform .15s;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.CategoryPickerSheet-module__POPLfW__branchView {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  width: 100%;
  animation: .26s cubic-bezier(.16, 1, .3, 1) both CategoryPickerSheet-module__POPLfW__branchContainerIn;
  display: flex;
}

@keyframes CategoryPickerSheet-module__POPLfW__branchContainerIn {
  from {
    opacity: 0;
    transform: translateY(12px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.CategoryPickerSheet-module__POPLfW__topBackRow {
  align-items: center;
  width: 100%;
  margin: 12px 0 18px;
  display: flex;
}

.CategoryPickerSheet-module__POPLfW__headerDescription {
  color: var(--mc-muted);
  text-align: left;
  width: 100%;
  margin: 0 0 32px;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.45;
}

.CategoryPickerSheet-module__POPLfW__backBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  margin-left: -4px;
  padding: 6px 0;
  font-size: 13px;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
}

.CategoryPickerSheet-module__POPLfW__backBtn:hover {
  background: var(--mc-surface);
  color: var(--mc-text);
}

.CategoryPickerSheet-module__POPLfW__backBtn:active {
  transform: scale(.96);
}

.CategoryPickerSheet-module__POPLfW__parentStage {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
  flex-direction: column;
  align-items: center;
  padding: 0;
  display: flex;
}

.CategoryPickerSheet-module__POPLfW__parentIconWrap {
  background: var(--mc-card);
  width: 51px;
  height: 51px;
  color: var(--mc-icon-accent);
  border-radius: 14px;
  place-items: center;
  transition: all .15s;
  display: grid;
  position: relative;
}

.CategoryPickerSheet-module__POPLfW__parentStage:active .CategoryPickerSheet-module__POPLfW__parentIconWrap {
  transform: scale(.94);
}

.CategoryPickerSheet-module__POPLfW__parentLabel {
  color: var(--mc-muted);
  margin-top: 6px;
  font-size: 13px;
  font-weight: 750;
  transition: color .15s;
}

.CategoryPickerSheet-module__POPLfW__parentSelected .CategoryPickerSheet-module__POPLfW__parentIconWrap {
  box-shadow: 0 0 0 2.5px var(--mc-primary);
  color: var(--mc-text);
}

.CategoryPickerSheet-module__POPLfW__parentSelected .CategoryPickerSheet-module__POPLfW__parentLabel {
  color: var(--mc-text);
  font-weight: 850;
}

.CategoryPickerSheet-module__POPLfW__flowTree {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 4px 0 14px;
  display: flex;
}

.CategoryPickerSheet-module__POPLfW__flowStem {
  background: var(--mc-border);
  width: 1px;
  height: 12px;
}

.CategoryPickerSheet-module__POPLfW__flowFork {
  border-top: 1px solid var(--mc-border);
  border-left: 1px solid var(--mc-border);
  border-right: 1px solid var(--mc-border);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 50%;
  max-width: 200px;
  height: 10px;
  position: relative;
}

.CategoryPickerSheet-module__POPLfW__childrenGrid {
  box-sizing: border-box;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  padding: 2px 0;
  animation: .28s cubic-bezier(.16, 1, .3, 1) both CategoryPickerSheet-module__POPLfW__childrenCascade;
  display: grid;
}

@keyframes CategoryPickerSheet-module__POPLfW__childrenCascade {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.CategoryPickerSheet-module__POPLfW__manageBtn {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 48px;
  color: var(--mc-text);
  cursor: pointer;
  box-shadow: var(--mc-shadow-card);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: inline-flex;
}

.CategoryPickerSheet-module__POPLfW__manageBtn:hover {
  background: var(--mc-surface);
  border-color: var(--mc-primary);
}

.CategoryPickerSheet-module__POPLfW__manageBtn:active {
  transform: scale(.98);
}

/* [project]/src/components/ui/HubSkeleton.module.css [app-client] (css) */
@keyframes HubSkeleton-module__sykYsa__hubShimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.HubSkeleton-module__sykYsa__shimmerBase {
  background: linear-gradient(90deg, color-mix(in srgb, var(--mc-card) 95%, transparent) 0%, color-mix(in srgb, var(--mc-primary-soft, rgba(96, 138, 224, .2)) 38%, var(--mc-card)) 50%, color-mix(in srgb, var(--mc-card) 95%, transparent) 100%);
  background-size: 200% 100%;
  border-radius: 18px;
  animation: 1.8s cubic-bezier(.4, 0, .2, 1) infinite HubSkeleton-module__sykYsa__hubShimmer;
}

.HubSkeleton-module__sykYsa__wrap {
  flex-direction: column;
  gap: 14px;
  width: 100%;
  padding-bottom: 24px;
  display: flex;
}

.HubSkeleton-module__sykYsa__hero {
  border-radius: 22px;
  height: 144px;
}

.HubSkeleton-module__sykYsa__btn {
  border-radius: 14px;
  height: 48px;
}

.HubSkeleton-module__sykYsa__list {
  flex-direction: column;
  gap: 10px;
  margin-top: 2px;
  display: flex;
}

.HubSkeleton-module__sykYsa__row {
  border-radius: 18px;
  height: 68px;
}

.HubSkeleton-module__sykYsa__rowCompact {
  border-radius: 14px;
  height: 54px;
}

/* [project]/src/components/ui/ReminderPickerSheet.module.css [app-client] (css) */
.ReminderPickerSheet-module__BGliVa__wrap {
  flex-direction: column;
  gap: 16px;
  padding: 4px 0 12px;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__toggleCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__toggleLeft {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__toggleIconBox {
  background: var(--mc-primary-soft);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  transition: all .15s;
  display: grid;
}

.ReminderPickerSheet-module__BGliVa__toggleIconBoxActive {
  background: var(--mc-primary);
  color: #fff;
}

.ReminderPickerSheet-module__BGliVa__toggleMeta {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__toggleTitle {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.ReminderPickerSheet-module__BGliVa__toggleSub {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.2;
}

.ReminderPickerSheet-module__BGliVa__section {
  flex-direction: column;
  gap: 8px;
  transition: opacity .2s;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__sectionDisabled {
  opacity: .35;
  pointer-events: none;
}

.ReminderPickerSheet-module__BGliVa__sectionLabel {
  color: var(--mc-muted);
  letter-spacing: .04em;
  text-transform: uppercase;
  padding-left: 2px;
  font-size: 11px;
  font-weight: 800;
}

.ReminderPickerSheet-module__BGliVa__grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.ReminderPickerSheet-module__BGliVa__tile {
  background: var(--mc-surface);
  border: 1px solid var(--mc-border);
  text-align: left;
  cursor: pointer;
  color: inherit;
  box-sizing: border-box;
  border-radius: 14px;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__tile:hover {
  border-color: color-mix(in srgb, var(--mc-primary) 50%, var(--mc-border));
}

.ReminderPickerSheet-module__BGliVa__tile:active {
  transform: scale(.985);
}

.ReminderPickerSheet-module__BGliVa__tileSelected {
  border-color: var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary-soft) 55%, var(--mc-surface));
  box-shadow: 0 0 0 1px var(--mc-primary);
}

.ReminderPickerSheet-module__BGliVa__tileFull {
  flex-direction: row;
  grid-column: 1 / -1;
  justify-content: space-between;
  align-items: center;
}

.ReminderPickerSheet-module__BGliVa__tileTop {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__tileTitle {
  color: var(--mc-text);
  font-size: 13.5px;
  font-weight: 800;
}

.ReminderPickerSheet-module__BGliVa__badgeRecommended {
  color: var(--mc-primary);
  align-items: center;
  gap: 3px;
  font-size: 10.5px;
  font-weight: 750;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__tileSub {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 600;
}

.ReminderPickerSheet-module__BGliVa__helperBox {
  background: color-mix(in srgb, var(--mc-surface) 75%, transparent);
  border: 1px dashed var(--mc-border);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__helperText {
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.ReminderPickerSheet-module__BGliVa__doneBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 46px;
  margin-top: 2px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.ReminderPickerSheet-module__BGliVa__doneBtn:active {
  transform: scale(.985);
}

/* [project]/src/components/ui/HeroCard.module.css [app-client] (css) */
.HeroCard-module__Axrd4a__heroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 16px 16px 12px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .HeroCard-module__Axrd4a__heroCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

/* [project]/src/components/ui/BudgetPickerSheet.module.css [app-client] (css) */
.BudgetPickerSheet-module__55nZbW__body {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

.BudgetPickerSheet-module__55nZbW__setGroup {
  background: var(--mc-card);
  border: none;
  border-radius: 20px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.BudgetPickerSheet-module__55nZbW__budgetRow {
  border: none;
  border-bottom: 1px solid var(--mc-divider);
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px;
  font-family: inherit;
  transition: background .15s;
  display: flex;
}

.BudgetPickerSheet-module__55nZbW__budgetRow:last-child {
  border-bottom: none;
}

.BudgetPickerSheet-module__55nZbW__budgetRow:hover {
  background: var(--mc-surface);
}

.BudgetPickerSheet-module__55nZbW__budgetRow:active {
  background: color-mix(in srgb, var(--mc-surface) 70%, var(--mc-primary));
}

.BudgetPickerSheet-module__55nZbW__budgetRowSelected {
  background: color-mix(in srgb, var(--mc-primary) 8%, var(--mc-card));
}

.BudgetPickerSheet-module__55nZbW__budgetRowLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.BudgetPickerSheet-module__55nZbW__iconTile {
  background: var(--mc-primary-soft);
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.BudgetPickerSheet-module__55nZbW__budgetInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.BudgetPickerSheet-module__55nZbW__budgetName {
  color: var(--mc-text);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 750;
  overflow: hidden;
}

.BudgetPickerSheet-module__55nZbW__budgetSub {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11.5px;
  font-weight: 600;
  overflow: hidden;
}

.BudgetPickerSheet-module__55nZbW__budgetAmounts {
  text-align: right;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.BudgetPickerSheet-module__55nZbW__budgetValues {
  color: var(--mc-text);
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-size: 13px;
  font-weight: 650;
}

.BudgetPickerSheet-module__55nZbW__budgetPercent {
  color: var(--mc-muted);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-size: 11px;
  font-weight: 700;
}

.BudgetPickerSheet-module__55nZbW__budgetPercentOver {
  color: var(--mc-danger);
}

.BudgetPickerSheet-module__55nZbW__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 32px 16px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.BudgetPickerSheet-module__55nZbW__footer {
  gap: var(--mc-drawer-foot-gap, 10px);
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.BudgetPickerSheet-module__55nZbW__cancelBtn {
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  color: var(--mc-text);
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  padding: 0 16px;
  font-family: inherit;
  transition: all .15s;
}

.BudgetPickerSheet-module__55nZbW__cancelBtn:active {
  transform: scale(.98);
}

.BudgetPickerSheet-module__55nZbW__doneBtn {
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-primary);
  color: #fff;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  border: none;
  padding: 0 16px;
  font-family: inherit;
  transition: all .15s;
}

.BudgetPickerSheet-module__55nZbW__doneBtn:active {
  transform: scale(.98);
}

/* [project]/src/components/ui/SchedulePickerSheet.module.css [app-client] (css) */
.SchedulePickerSheet-module__nYgadG__wrap {
  flex-direction: column;
  gap: 48px;
  padding: 4px 0 6px;
  display: flex;
}

.SchedulePickerSheet-module__nYgadG__heroBanner {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 40%, var(--mc-card)) 100%);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .08));
  border-radius: 18px;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.SchedulePickerSheet-module__nYgadG__heroIconBox {
  background: var(--mc-primary-soft, rgba(44, 84, 160, .15));
  width: 42px;
  height: 42px;
  color: var(--mc-icon-accent);
  border-radius: 13px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.SchedulePickerSheet-module__nYgadG__heroMeta {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.SchedulePickerSheet-module__nYgadG__heroTitle {
  color: var(--mc-text);
  letter-spacing: -.015em;
  font-size: 15px;
  font-weight: 800;
}

.SchedulePickerSheet-module__nYgadG__heroSub {
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 550;
  line-height: 1.35;
}

.SchedulePickerSheet-module__nYgadG__wheelContainer {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
  border-radius: 20px;
  height: 220px;
  position: relative;
  overflow: hidden;
}

.SchedulePickerSheet-module__nYgadG__wheelContainer:before {
  content: "";
  background: color-mix(in srgb, var(--mc-chip) 42%, transparent);
  pointer-events: none;
  z-index: 0;
  border-radius: 18px;
  height: 44px;
  position: absolute;
  top: 88px;
  left: 8px;
  right: 8px;
}

.SchedulePickerSheet-module__nYgadG__wheelGrid {
  z-index: 1;
  height: 220px;
  display: grid;
  position: relative;
}

.SchedulePickerSheet-module__nYgadG__wheelGridWeekly {
  grid-template-columns: 1.55fr .75fr .75fr .85fr;
  gap: 2px;
}

.SchedulePickerSheet-module__nYgadG__wheelGridMonthly {
  grid-template-columns: 1.65fr .75fr .75fr .85fr;
  gap: 2px;
}

.SchedulePickerSheet-module__nYgadG__wheelCol {
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
  text-align: center;
  flex-direction: column;
  height: 220px;
  display: flex;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 0, #000 20%, #000 80%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 0, #000 20%, #000 80%, rgba(0, 0, 0, 0) 100%);
  -webkit-tap-highlight-color: transparent !important;
}

.SchedulePickerSheet-module__nYgadG__wheelCol::-webkit-scrollbar {
  display: none;
}

.SchedulePickerSheet-module__nYgadG__wheelPad {
  flex-shrink: 0;
  width: 100%;
  height: 88px;
}

.SchedulePickerSheet-module__nYgadG__wheelItem {
  box-sizing: border-box;
  scroll-snap-align: center;
  width: 100%;
  height: 44px;
  color: var(--mc-muted);
  opacity: .42;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  border: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 650;
  transition: opacity .12s, font-size .12s, color .12s;
  display: flex;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

.SchedulePickerSheet-module__nYgadG__wheelItem.SchedulePickerSheet-module__nYgadG__on {
  color: var(--mc-text);
  opacity: 1;
  font-size: 16.5px;
  font-weight: 850;
}

.SchedulePickerSheet-module__nYgadG__wheelItemDay {
  font-size: 14px;
}

.SchedulePickerSheet-module__nYgadG__wheelItemDay.SchedulePickerSheet-module__nYgadG__on {
  font-size: 15px;
  font-weight: 850;
}

.SchedulePickerSheet-module__nYgadG__confirmBtn {
  min-height: var(--mc-drawer-btn-height, 48px);
  border-radius: var(--mc-drawer-btn-radius, 16px);
  background: var(--mc-primary);
  color: #fff;
  width: 100%;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size, 15px);
  letter-spacing: -.01em;
  cursor: pointer;
  border: 0;
  place-items: center;
  margin-top: 4px;
  font-weight: 800;
  transition: opacity .15s, transform .15s;
  display: grid;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

.SchedulePickerSheet-module__nYgadG__confirmBtn:hover {
  opacity: .92;
}

.SchedulePickerSheet-module__nYgadG__confirmBtn:active {
  transform: scale(.985);
}

/* [project]/src/components/add/AddFlow.module.css [app-client] (css) */
.AddFlow-module__SHPzJa__hidden {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.AddFlow-module__SHPzJa__chooser {
  padding-top: 10px;
  padding-bottom: max(60px, calc(env(safe-area-inset-bottom, 32px)  + 36px));
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.AddFlow-module__SHPzJa__choice {
  text-align: center;
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  border: none;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 142px;
  padding: 24px 14px 22px;
  transition: transform .14s, box-shadow .14s, border-color .14s;
  display: flex;
}

.AddFlow-module__SHPzJa__choice:hover {
  border-color: var(--mc-primary);
}

.AddFlow-module__SHPzJa__choiceFull {
  grid-column: span 2;
  text-align: center !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 116px !important;
  padding: 22px 18px 20px !important;
}

.AddFlow-module__SHPzJa__choiceFull > div {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

.AddFlow-module__SHPzJa__choice:active {
  transform: scale(.96);
}

.AddFlow-module__SHPzJa__choice > span {
  color: var(--mc-icon-accent);
  background: none;
  border: none;
  place-items: center;
  margin-bottom: 2px;
  transition: transform .14s;
  display: grid;
}

.AddFlow-module__SHPzJa__choice:active > span {
  transform: scale(.92);
}

.AddFlow-module__SHPzJa__choice div {
  justify-items: center;
  gap: 3px;
  display: grid;
}

.AddFlow-module__SHPzJa__choice strong {
  color: var(--mc-text);
  letter-spacing: -.015em;
  font-size: 14px;
  font-weight: 800;
}

.AddFlow-module__SHPzJa__choice small {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.25;
}

.AddFlow-module__SHPzJa__flow {
  gap: 16px;
  display: grid;
}

.AddFlow-module__SHPzJa__flow > div {
  min-width: 0;
}

.AddFlow-module__SHPzJa__progress {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  display: grid;
}

.AddFlow-module__SHPzJa__progress i {
  background: var(--mc-border);
  border-radius: 99px;
  height: 3px;
}

.AddFlow-module__SHPzJa__progress .AddFlow-module__SHPzJa__on {
  background: var(--mc-primary);
}

.AddFlow-module__SHPzJa__stageHead {
  justify-content: center;
  align-items: center;
  margin: 14px 0;
  display: flex;
  position: relative;
}

.AddFlow-module__SHPzJa__stageHead h3 {
  text-align: center;
  white-space: nowrap;
  margin: 0;
  font-size: 16px;
}

.AddFlow-module__SHPzJa__stageActions {
  align-items: center;
  gap: 2px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.AddFlow-module__SHPzJa__stageActions button {
  width: 30px;
  height: 30px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  place-items: center;
  display: grid;
}

.AddFlow-module__SHPzJa__stageActions button:active {
  opacity: .55;
}

.AddFlow-module__SHPzJa__stageHead h4, .AddFlow-module__SHPzJa__flow h4, .AddFlow-module__SHPzJa__accountTitle {
  color: var(--mc-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 14px 2px 9px;
  font-size: 11px;
}

.AddFlow-module__SHPzJa__flow h4 {
  text-align: center;
}

.AddFlow-module__SHPzJa__tiles {
  scrollbar-width: none;
  -ms-overflow-style: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  max-height: 468px;
  padding: 2px;
  display: grid;
  overflow-y: auto;
}

.AddFlow-module__SHPzJa__tiles::-webkit-scrollbar {
  display: none;
}

.AddFlow-module__SHPzJa__tiles button {
  min-width: 0;
  box-shadow: none;
  color: var(--mc-muted);
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  justify-items: center;
  gap: 7px;
  padding: 10px 4px;
  display: grid;
}

.AddFlow-module__SHPzJa__tiles button > span {
  background: var(--mc-surface);
  width: 51px;
  height: 51px;
  color: var(--mc-muted);
  box-sizing: border-box;
  border-radius: 14px;
  place-items: center;
  transition: all .15s;
  display: grid;
  position: relative;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__tiles button svg {
  width: 21px;
  height: 21px;
}

.AddFlow-module__SHPzJa__tiles button small {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
  transition: color .15s;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__tiles .AddFlow-module__SHPzJa__selected {
  color: var(--mc-text);
  background: none;
  border-color: rgba(0, 0, 0, 0);
}

.AddFlow-module__SHPzJa__tiles .AddFlow-module__SHPzJa__selected small {
  color: var(--mc-text);
  font-weight: 850;
}

.AddFlow-module__SHPzJa__tiles .AddFlow-module__SHPzJa__selected > span {
  box-shadow: 0 0 0 2.5px var(--mc-primary);
  color: var(--mc-text);
  border-radius: 14px;
}

.AddFlow-module__SHPzJa__subPlusBadge {
  width: 14px;
  height: 14px;
  color: var(--mc-icon-accent);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  transition: transform .15s;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.AddFlow-module__SHPzJa__branchView {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  width: 100%;
  animation: .26s cubic-bezier(.16, 1, .3, 1) both AddFlow-module__SHPzJa__branchContainerIn;
  display: flex;
}

@keyframes AddFlow-module__SHPzJa__branchContainerIn {
  from {
    opacity: 0;
    transform: translateY(12px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.AddFlow-module__SHPzJa__topBackRow {
  align-items: center;
  width: 100%;
  margin: 4px 0 14px;
  display: flex;
}

.AddFlow-module__SHPzJa__backBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  margin-left: -4px;
  padding: 6px 0;
  font-size: 13px;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
}

.AddFlow-module__SHPzJa__backBtn:hover {
  color: var(--mc-text);
}

.AddFlow-module__SHPzJa__backBtn:active {
  transform: scale(.96);
}

.AddFlow-module__SHPzJa__branchDescription {
  color: var(--mc-muted);
  text-align: left;
  width: 100%;
  margin: 0 0 24px;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.45;
}

.AddFlow-module__SHPzJa__parentStage {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
  flex-direction: column;
  align-items: center;
  padding: 0;
  display: flex;
}

.AddFlow-module__SHPzJa__parentIconWrap {
  background: var(--mc-surface);
  width: 51px;
  height: 51px;
  color: var(--mc-icon-accent);
  border-radius: 14px;
  place-items: center;
  transition: all .15s;
  display: grid;
  position: relative;
}

.AddFlow-module__SHPzJa__parentStage:active .AddFlow-module__SHPzJa__parentIconWrap {
  transform: scale(.94);
}

.AddFlow-module__SHPzJa__parentLabel {
  color: var(--mc-muted);
  margin-top: 6px;
  font-size: 13px;
  font-weight: 750;
  transition: color .15s;
}

.AddFlow-module__SHPzJa__parentSelected .AddFlow-module__SHPzJa__parentIconWrap {
  box-shadow: 0 0 0 2.5px var(--mc-primary);
  color: var(--mc-text);
}

.AddFlow-module__SHPzJa__parentSelected .AddFlow-module__SHPzJa__parentLabel {
  color: var(--mc-text);
  font-weight: 850;
}

.AddFlow-module__SHPzJa__flowTree {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 4px 0 14px;
  display: flex;
}

.AddFlow-module__SHPzJa__flowStem {
  background: var(--mc-border);
  width: 1px;
  height: 12px;
}

.AddFlow-module__SHPzJa__flowFork {
  border-top: 1px solid var(--mc-border);
  border-left: 1px solid var(--mc-border);
  border-right: 1px solid var(--mc-border);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 50%;
  max-width: 200px;
  height: 10px;
  position: relative;
}

.AddFlow-module__SHPzJa__manageFooter {
  justify-content: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.AddFlow-module__SHPzJa__manageBtn {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 48px;
  color: var(--mc-text);
  cursor: pointer;
  box-shadow: var(--mc-shadow-card);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: inline-flex;
}

.AddFlow-module__SHPzJa__manageBtn:hover {
  background: var(--mc-surface);
  border-color: var(--mc-primary);
}

.AddFlow-module__SHPzJa__manageBtn:active {
  transform: scale(.98);
}

.AddFlow-module__SHPzJa__details {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: grid;
}

.AddFlow-module__SHPzJa__reviewAmount {
  text-align: center;
  letter-spacing: -.04em;
  padding: 10px 0 20px;
  font-size: 32px;
  font-weight: 850;
}

.AddFlow-module__SHPzJa__receiptReviewDetails .AddFlow-module__SHPzJa__reviewAmount {
  padding: 4px 0 18px;
}

.AddFlow-module__SHPzJa__missingValue {
  color: var(--mc-primary-strong, #60a5fa) !important;
}

.AddFlow-module__SHPzJa__detailRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  text-align: left;
  width: 100%;
  min-height: 52px;
  font: inherit;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 2px;
  font-size: 13.5px;
  display: flex;
}

.AddFlow-module__SHPzJa__detailRow:active {
  opacity: .8;
}

.AddFlow-module__SHPzJa__rowLabel {
  color: var(--mc-muted);
  flex: none;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.AddFlow-module__SHPzJa__rowValue {
  text-align: right;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin-left: auto;
  display: flex;
}

.AddFlow-module__SHPzJa__rowChevron {
  color: var(--mc-muted);
  opacity: .7;
  flex: none;
}

.AddFlow-module__SHPzJa__detailRow b, .AddFlow-module__SHPzJa__detailRow input {
  min-width: 0;
  color: var(--mc-text);
  text-align: right;
  background: none;
  border: 0;
  outline: 0;
  font-size: 13.5px;
  font-weight: 750;
}

.AddFlow-module__SHPzJa__detailRow input {
  flex: 1;
  margin-left: auto;
}

.AddFlow-module__SHPzJa__receipt {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 16px;
  grid-template-columns: 62px 1fr auto;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 9px;
  display: grid;
}

.AddFlow-module__SHPzJa__receipt img {
  object-fit: cover;
  border-radius: 12px;
  width: 62px;
  height: 62px;
}

.AddFlow-module__SHPzJa__receipt span {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__receipt span svg {
  width: 16px;
}

.AddFlow-module__SHPzJa__receipt button {
  color: var(--mc-danger);
  background: none;
  border: 0;
  font-size: 11px;
  font-weight: 750;
}

.AddFlow-module__SHPzJa__bottom {
  grid-template-columns: 1fr 1.6fr;
  gap: 10px;
  width: 100%;
  display: grid;
}

.AddFlow-module__SHPzJa__bottomSingle {
  grid-template-columns: 1fr !important;
}

.AddFlow-module__SHPzJa__bottom:has( > button:only-child) {
  grid-template-columns: 1fr !important;
}

.AddFlow-module__SHPzJa__primary, .AddFlow-module__SHPzJa__back, .AddFlow-module__SHPzJa__danger {
  width: 100%;
  min-height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  font-weight: var(--mc-drawer-btn-weight);
  font-size: var(--mc-drawer-btn-size);
  cursor: pointer;
  box-sizing: border-box;
  border: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.AddFlow-module__SHPzJa__primary {
  background: var(--mc-primary);
  color: #fff;
}

.AddFlow-module__SHPzJa__primary:disabled {
  opacity: .45;
}

.AddFlow-module__SHPzJa__back {
  background: var(--mc-surface);
  color: var(--mc-text);
}

.AddFlow-module__SHPzJa__danger {
  border: 1px solid color-mix(in srgb, var(--mc-danger) 25%, transparent);
  background: color-mix(in srgb, var(--mc-danger) 16%, transparent);
  color: var(--mc-danger);
}

.AddFlow-module__SHPzJa__status, .AddFlow-module__SHPzJa__error {
  border-radius: 14px;
  padding: 12px;
  font-size: 12px;
  line-height: 1.5;
}

.AddFlow-module__SHPzJa__status {
  background: var(--mc-primary-soft);
  color: var(--mc-primary);
}

.AddFlow-module__SHPzJa__error {
  background: color-mix(in srgb, var(--mc-danger) 9%, transparent);
  color: var(--mc-danger);
}

.AddFlow-module__SHPzJa__flow:has(.AddFlow-module__SHPzJa__amountStep) {
  flex-direction: column;
  height: calc(90dvh - 214px);
  display: flex;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__amountStep {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__amountPadFixed {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
  display: flex !important;
}

.AddFlow-module__SHPzJa__amountPadFixed [class*="amountBox"] {
  flex: auto;
  min-height: 0;
  margin: 0 0 6px;
  padding: 8px 12px;
}

.AddFlow-module__SHPzJa__amountPadFixed output {
  justify-content: center;
  align-items: center;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.AddFlow-module__SHPzJa__amountPadFixed [aria-label="Amount keypad"] {
  flex: none;
  gap: 8px;
}

.AddFlow-module__SHPzJa__amountPadFixed [aria-label="Amount keypad"] button {
  min-height: 48px;
}

.AddFlow-module__SHPzJa__amountPadFixed [aria-label="Calculator keypad"] {
  flex: none;
  gap: 6px;
}

.AddFlow-module__SHPzJa__amountPadFixed [aria-label="Calculator keypad"] button {
  min-height: 40px;
}

.AddFlow-module__SHPzJa__receiptReviewDetails .AddFlow-module__SHPzJa__reviewAmount {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  border-radius: 0;
  font-family: inherit;
}

.AddFlow-module__SHPzJa__receiptReviewDetails .AddFlow-module__SHPzJa__reviewAmount:active {
  opacity: .72;
}

.AddFlow-module__SHPzJa__reviewAmountCard {
  box-sizing: border-box;
  background: var(--mc-card);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-shadow: var(--mc-shadow-card);
  color: var(--mc-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  border: 0;
  border-radius: 24px;
  gap: 12px;
  margin-bottom: 14px;
  padding: 16px 14px 18px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__reviewAmountCard:active {
  transform: scale(.99);
}

.AddFlow-module__SHPzJa__reviewAmountTop {
  box-sizing: border-box;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.AddFlow-module__SHPzJa__reviewAmountIcon {
  background: var(--mc-chip);
  width: 54px;
  height: 54px;
  color: var(--mc-icon-accent);
  border-radius: 19px;
  flex: none;
  place-items: center;
  display: grid;
}

.AddFlow-module__SHPzJa__reviewAmountText {
  flex: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__reviewAmountName {
  color: var(--mc-text);
  letter-spacing: -.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 18px;
  font-weight: 800;
  display: block;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__reviewAmountSub {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 700;
  display: block;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__reviewAmountValue {
  text-align: center;
  letter-spacing: -.04em;
  color: var(--mc-text);
  border-top: 1px dashed var(--mc-divider);
  font-variant-numeric: tabular-nums;
  grid-template-columns: 34px 1fr 34px;
  align-items: center;
  padding-top: 14px;
  font-size: 30px;
  font-weight: 800;
  display: grid;
}

.AddFlow-module__SHPzJa__reviewAmountValue > span:first-child {
  grid-column: 2;
  min-width: 0;
}

.AddFlow-module__SHPzJa__reviewDetailsCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 19px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 3px 16px;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__reviewDetailsCard .AddFlow-module__SHPzJa__detailRow:last-child {
  border-bottom: 0;
}

.AddFlow-module__SHPzJa__reviewAmountEdit {
  background: var(--mc-surface);
  width: 34px;
  height: 34px;
  color: var(--mc-muted);
  border-radius: 11px;
  flex: none;
  place-items: center;
  display: grid;
}

.AddFlow-module__SHPzJa__scanOverlay {
  z-index: 9999;
  color: #fff;
  background: radial-gradient(90% 70% at 12% 8%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(62, 107, 192, .48), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 55% 95%, rgba(35, 70, 128, .6), rgba(0, 0, 0, 0) 64%), linear-gradient(172deg, #101e42 0%, #0a1633 55%, #0d1b3f 100%);
  place-items: center;
  animation: .22s ease-out both AddFlow-module__SHPzJa__scanFadeIn;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__scanOverlay > main {
  width: 100%;
  min-height: 100dvh;
}

.AddFlow-module__SHPzJa__scanOverlay:before, .AddFlow-module__SHPzJa__scanOverlay:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -20%;
  bottom: -20%;
  left: -20%;
  right: -20%;
}

.AddFlow-module__SHPzJa__scanOverlay:before {
  background: radial-gradient(38% 30% at 30% 30%, rgba(96, 138, 224, .5), rgba(0, 0, 0, 0) 65%);
  animation: 4s ease-in-out infinite AddFlow-module__SHPzJa__scanMesh1;
}

.AddFlow-module__SHPzJa__scanOverlay:after {
  background: radial-gradient(34% 28% at 70% 65%, rgba(62, 107, 192, .45), rgba(0, 0, 0, 0) 65%);
  animation: 5.2s ease-in-out infinite AddFlow-module__SHPzJa__scanMesh2;
}

.AddFlow-module__SHPzJa__scanLoadCard {
  z-index: 1;
  text-align: center;
  justify-items: center;
  gap: 8px;
  display: grid;
  position: relative;
  transform: translateY(-22px);
}

.AddFlow-module__SHPzJa__scanLoadCard strong {
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 850;
}

.AddFlow-module__SHPzJa__scanBlockWrap {
  width: 120px;
  height: 120px;
}

.AddFlow-module__SHPzJa__scanBlockGrid {
  width: 70%;
  height: 70%;
  margin: 15%;
  position: relative;
  transform: rotate(-45deg);
}

.AddFlow-module__SHPzJa__scanBlock {
  visibility: hidden;
  background: linear-gradient(to right, #1a2a6b, #3e6bc0, #9cb9f2, #6b8fd4, #2c54a0, #7da2ff, #4a7dd4, #8fb0e8, #23468f, #1a2a6b, #3e6bc0) 0% / 1000% 1000%;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.AddFlow-module__SHPzJa__scanB1 {
  animation: 15s linear infinite AddFlow-module__SHPzJa__scanGradient, 3.5s infinite AddFlow-module__SHPzJa__scanOne;
}

.AddFlow-module__SHPzJa__scanB2 {
  animation: 15s linear infinite AddFlow-module__SHPzJa__scanGradient, 3.5s .15s infinite AddFlow-module__SHPzJa__scanTwo;
}

.AddFlow-module__SHPzJa__scanB3 {
  animation: 15s linear infinite AddFlow-module__SHPzJa__scanGradient, 3.5s .3s infinite AddFlow-module__SHPzJa__scanThree;
}

.AddFlow-module__SHPzJa__scanB4 {
  animation: 15s linear infinite AddFlow-module__SHPzJa__scanGradient, 3.5s .575s infinite AddFlow-module__SHPzJa__scanFour;
}

.AddFlow-module__SHPzJa__scanB5 {
  animation: 15s linear infinite AddFlow-module__SHPzJa__scanGradient, 3.5s .725s infinite AddFlow-module__SHPzJa__scanFive;
}

.AddFlow-module__SHPzJa__scanB6 {
  animation: 15s linear infinite AddFlow-module__SHPzJa__scanGradient, 3.5s .875s infinite AddFlow-module__SHPzJa__scanSix;
}

@keyframes AddFlow-module__SHPzJa__scanFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes AddFlow-module__SHPzJa__scanMesh1 {
  0%, 100% {
    opacity: .6;
    transform: translate(0)scale(1);
  }

  50% {
    opacity: 1;
    transform: translate(14%, 10%)scale(1.45);
  }
}

@keyframes AddFlow-module__SHPzJa__scanMesh2 {
  0%, 100% {
    opacity: 1;
    transform: translate(0)scale(1.25);
  }

  50% {
    opacity: .45;
    transform: translate(-12%, -14%)scale(.8);
  }
}

@keyframes AddFlow-module__SHPzJa__scanGradient {
  to {
    background-position: 100%;
  }
}

@keyframes AddFlow-module__SHPzJa__scanOne {
  0%, 14.2857%, 100% {
    visibility: visible;
    clip-path: inset(0% 35% 70% round 5%);
  }

  28.5714% {
    clip-path: inset(35% round 5%);
  }

  42.8571%, 57.1428% {
    clip-path: inset(35% 70% 35% 0 round 5%);
  }

  71.4285%, 85.7142% {
    clip-path: inset(0% 70% 70% 0 round 5%);
  }
}

@keyframes AddFlow-module__SHPzJa__scanTwo {
  0%, 14.2857% {
    visibility: visible;
    clip-path: inset(0% 70% 70% 0 round 5%);
  }

  28.5714%, 42.8571%, 100% {
    clip-path: inset(0% 35% 70% round 5%);
  }

  57.1428% {
    clip-path: inset(35% round 5%);
  }

  71.4285%, 85.7142% {
    clip-path: inset(35% 70% 35% 0 round 5%);
  }
}

@keyframes AddFlow-module__SHPzJa__scanThree {
  0%, 14.2857% {
    visibility: visible;
    clip-path: inset(35% 70% 35% 0 round 5%);
  }

  28.5714%, 42.8571% {
    clip-path: inset(0% 70% 70% 0 round 5%);
  }

  57.1428%, 71.4285%, 100% {
    clip-path: inset(0% 35% 70% round 5%);
  }

  85.7142% {
    clip-path: inset(35% round 5%);
  }
}

@keyframes AddFlow-module__SHPzJa__scanFour {
  0%, 14.2857%, 100% {
    visibility: visible;
    clip-path: inset(0% 35% 70% round 5%);
  }

  28.5714%, 42.8571% {
    clip-path: inset(35% 70% 35% 0 round 5%);
  }

  57.1428%, 71.4285% {
    clip-path: inset(0% 70% 70% 0 round 5%);
  }

  85.7142% {
    clip-path: inset(35% round 5%);
  }
}

@keyframes AddFlow-module__SHPzJa__scanFive {
  0%, 14.2857%, 100% {
    visibility: visible;
    clip-path: inset(35% round 5%);
  }

  28.5714%, 42.8571% {
    clip-path: inset(0% 35% 70% round 5%);
  }

  57.1428%, 71.4285% {
    clip-path: inset(35% 70% 35% 0 round 5%);
  }

  85.7142% {
    clip-path: inset(0% 70% 70% 0 round 5%);
  }
}

@keyframes AddFlow-module__SHPzJa__scanSix {
  0%, 14.2857%, 100% {
    visibility: visible;
    clip-path: inset(0% 70% 70% 0 round 5%);
  }

  28.5714%, 42.8571% {
    clip-path: inset(35% round 5%);
  }

  57.1428%, 71.4285% {
    clip-path: inset(0% 35% 70% round 5%);
  }

  85.7142% {
    clip-path: inset(35% 70% 35% 0 round 5%);
  }
}

.AddFlow-module__SHPzJa__categoryEmpty {
  text-align: center;
  background: none;
  border: none;
  border-radius: 20px;
  justify-items: center;
  gap: 10px;
  padding: 24px 16px 20px;
  display: grid;
}

.AddFlow-module__SHPzJa__categoryEmptyIcon {
  width: 52px;
  height: 52px;
  color: var(--mc-icon-accent);
  background: none;
  border-radius: 16px;
  place-items: center;
  display: grid;
}

.AddFlow-module__SHPzJa__categoryEmpty strong {
  color: var(--mc-text);
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 850;
}

.AddFlow-module__SHPzJa__categoryEmpty p {
  max-width: 260px;
  color: var(--mc-muted);
  margin: 0;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.AddFlow-module__SHPzJa__categoryEmpty button {
  border: 1px solid var(--mc-border);
  min-height: 42px;
  color: var(--mc-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 2px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.AddFlow-module__SHPzJa__categoryEmpty button:disabled {
  opacity: .62;
  cursor: default;
}

.AddFlow-module__SHPzJa__wheelPickerContainer {
  flex-direction: column;
  width: 100%;
  padding: 8px 0 4px;
  display: flex;
  position: relative;
}

.AddFlow-module__SHPzJa__wheelMiddleVerticalLine {
  background: color-mix(in srgb, var(--mc-border) 80%, transparent);
  pointer-events: none;
  z-index: 1;
  width: 1px;
  position: absolute;
  top: 2px;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.AddFlow-module__SHPzJa__wheelAccountsGrid {
  height: 320px;
  box-shadow: none;
  background: none;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin: 10px 0 0;
  padding: 0 10px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__wheelAccountCol {
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  z-index: 2;
  flex-direction: column;
  height: 320px;
  display: flex;
  position: relative;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 10%, #000 24%, #000 76%, rgba(0, 0, 0, .35) 90%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 10%, #000 24%, #000 76%, rgba(0, 0, 0, .35) 90%, rgba(0, 0, 0, 0) 100%);
}

.AddFlow-module__SHPzJa__wheelAccountCol::-webkit-scrollbar {
  display: none;
}

.AddFlow-module__SHPzJa__wheelAccountPad {
  flex-shrink: 0;
  width: 100%;
  height: 122px;
}

.AddFlow-module__SHPzJa__wheelAccountItem {
  box-sizing: border-box;
  scroll-snap-align: center;
  width: 100%;
  height: 76px;
  color: var(--mc-muted);
  opacity: .32;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  border: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 4px 6px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  transition: opacity .16s, transform .16s, color .16s;
  display: flex;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__wheelAccountItemActive {
  opacity: 1;
  color: var(--mc-text);
  font-weight: 800;
  transform: scale(1.04);
}

.AddFlow-module__SHPzJa__wheelAccountItemDisabled {
  filter: grayscale();
  cursor: not-allowed;
  pointer-events: none;
  opacity: .12 !important;
}

.AddFlow-module__SHPzJa__wheelAccountNameText {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.2;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__wheelAccountSwapBtn {
  background: var(--mc-card);
  border: 1px solid color-mix(in srgb, var(--mc-border) 80%, transparent);
  width: 36px;
  height: 36px;
  color: var(--mc-text);
  cursor: pointer;
  z-index: 3;
  border-radius: 50%;
  place-items: center;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1), background .15s;
  display: grid;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

.AddFlow-module__SHPzJa__wheelAccountSwapBtn:hover {
  background: var(--mc-primary);
  color: #fff;
  border-color: var(--mc-primary);
}

.AddFlow-module__SHPzJa__wheelAccountSwapBtn:active {
  transform: scale(.9)rotate(180deg);
}

.AddFlow-module__SHPzJa__wheelAccountHeaderRow {
  text-align: center;
  z-index: 2;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  margin-bottom: 2px;
  padding: 0 14px;
  display: grid;
  position: relative;
}

.AddFlow-module__SHPzJa__wheelAccountHeaderLabel {
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 700;
}

.AddFlow-module__SHPzJa__transferScroller {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 2px;
  overflow-x: auto;
  overflow-y: hidden;
}

.AddFlow-module__SHPzJa__transferScroller::-webkit-scrollbar {
  display: none;
}

.AddFlow-module__SHPzJa__transferTiles {
  grid-template-columns: none;
  grid-auto-columns: 64px;
  grid-auto-flow: column;
  gap: 14px;
  width: max-content;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
}

.AddFlow-module__SHPzJa__transferScroller .AddFlow-module__SHPzJa__tiles button {
  scroll-snap-align: start;
}

.AddFlow-module__SHPzJa__transferTiles button small {
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.AddFlow-module__SHPzJa__transferTiles .AddFlow-module__SHPzJa__selected > span {
  border-radius: 14px;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1), box-shadow .2s;
  transform: scale(1.06);
  box-shadow: 0 0 0 2px var(--mc-bg), 0 0 0 4.5px var(--mc-primary), 0 4px 18px color-mix(in srgb, var(--mc-primary) 65%, transparent) !important;
}

.AddFlow-module__SHPzJa__transferTiles .AddFlow-module__SHPzJa__selected small {
  text-shadow: 0 1px 4px rgba(0, 0, 0, .8);
  color: #fff !important;
  font-weight: 850 !important;
}

.AddFlow-module__SHPzJa__transferFromLabel {
  margin: 4px 2px 2px !important;
}

.AddFlow-module__SHPzJa__transferToLabel {
  margin: 2px 2px 9px !important;
}

.AddFlow-module__SHPzJa__swapConnector {
  place-items: center;
  margin: 4px 0;
  display: grid;
  position: relative;
}

.AddFlow-module__SHPzJa__swapLine {
  border-top: 1.5px dashed var(--mc-border);
  position: absolute;
  top: 50%;
  left: 6%;
  right: 6%;
}

.AddFlow-module__SHPzJa__swapBtn {
  z-index: 1;
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: relative;
}

.AddFlow-module__SHPzJa__swapBtn:active {
  transform: scale(.93);
}

.AddFlow-module__SHPzJa__swapBtn svg {
  width: 15px;
  height: 15px;
}

.AddFlow-module__SHPzJa__scrollHint {
  color: var(--mc-muted);
  justify-items: center;
  padding: 8px 0 2px;
  animation: 1.6s ease-in-out infinite AddFlow-module__SHPzJa__scrollHintBob;
  display: grid;
}

.AddFlow-module__SHPzJa__scrollHint svg {
  width: 16px;
  height: 16px;
}

@keyframes AddFlow-module__SHPzJa__scrollHintBob {
  0%, 100% {
    opacity: .45;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(3px);
  }
}

.AddFlow-module__SHPzJa__categorySearch {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  border-radius: 13px;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin: -8px 0 12px;
  padding: 0 12px;
  animation: .22s ease-out both AddFlow-module__SHPzJa__catSearchIn;
  display: flex;
}

.AddFlow-module__SHPzJa__categorySearch svg {
  width: 15px;
  height: 15px;
  color: var(--mc-muted);
  flex: none;
}

.AddFlow-module__SHPzJa__categorySearch input {
  min-width: 0;
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 13px;
  font-weight: 650;
}

.AddFlow-module__SHPzJa__categorySearch input::placeholder {
  color: var(--mc-muted);
}

.AddFlow-module__SHPzJa__categorySearch button {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 4px;
  display: grid;
}

@keyframes AddFlow-module__SHPzJa__catSearchIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.AddFlow-module__SHPzJa__categorySearchEmpty {
  color: var(--mc-muted);
  text-align: center;
  justify-items: center;
  gap: 6px;
  padding: 26px 16px;
  font-size: 13px;
  font-weight: 650;
  display: grid;
}

.AddFlow-module__SHPzJa__analysisBadge {
  letter-spacing: -.01em;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 8px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 750;
  display: inline-flex;
}

.AddFlow-module__SHPzJa__fallbackBadge {
  color: #d97706;
  background: rgba(245, 158, 11, .12);
  border: 1px solid rgba(245, 158, 11, .25);
}

.AddFlow-module__SHPzJa__aiBadge {
  color: #2563eb;
  background: rgba(59, 130, 246, .1);
  border: 1px solid rgba(59, 130, 246, .2);
}

@media (min-width: 720px) {
  .AddFlow-module__SHPzJa__flow:has(.AddFlow-module__SHPzJa__amountStep) {
    height: auto;
    display: grid;
    overflow: visible;
  }

  .AddFlow-module__SHPzJa__amountStep {
    overflow: visible;
  }

  .AddFlow-module__SHPzJa__amountPadFixed {
    flex: none;
    justify-content: normal;
    gap: 18px;
    display: grid !important;
  }

  .AddFlow-module__SHPzJa__amountPadFixed output {
    flex: none;
    min-height: 72px;
    margin: 10px 0;
    padding: 22px 12px;
  }

  .AddFlow-module__SHPzJa__amountPadFixed [aria-label="Amount keypad"] button {
    min-height: 50px;
  }
}

/* [project]/src/components/shell/AppShell.module.css [app-client] (css) */
.AppShell-module__-zW4nG__shell {
  background: var(--mc-bg);
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}

.AppShell-module__-zW4nG__content {
  width: 100%;
  max-width: 480px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.AppShell-module__-zW4nG__screen {
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(122px + env(safe-area-inset-bottom));
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--mc-motion-normal) var(--mc-ease), transform var(--mc-motion-normal) var(--mc-ease), visibility 0s linear var(--mc-motion-normal);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  transform: scale(.985);
}

.AppShell-module__-zW4nG__screenActive {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transition: opacity var(--mc-motion-normal) var(--mc-ease), transform var(--mc-motion-normal) var(--mc-ease), visibility 0s;
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .AppShell-module__-zW4nG__screen, .AppShell-module__-zW4nG__screenActive {
    transition: none;
  }
}

.AppShell-module__-zW4nG__placeholder {
  min-height: 100%;
  padding: calc(48px + env(safe-area-inset-top)) 24px;
  align-content: start;
  display: grid;
}

.AppShell-module__-zW4nG__title {
  letter-spacing: -.04em;
  margin: 0;
  font-size: 26px;
}

.AppShell-module__-zW4nG__copy {
  max-width: 390px;
  color: var(--mc-muted);
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.55;
}

.AppShell-module__-zW4nG__navWrap {
  z-index: 50;
  padding: 0 18px calc(14px + env(safe-area-inset-bottom));
  background: var(--mc-bg);
  pointer-events: none;
  transition: opacity .22s, transform .22s cubic-bezier(.16, 1, .3, 1), visibility .22s;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.AppShell-module__-zW4nG__navWrapHidden {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transform: translateY(120%) !important;
}

body[data-selection-mode="true"] .AppShell-module__-zW4nG__navWrap {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transform: translateY(120%) !important;
}

.AppShell-module__-zW4nG__navWrap:before {
  content: "";
  background: linear-gradient(to bottom, transparent, var(--mc-bg));
  pointer-events: none;
  height: 26px;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.AppShell-module__-zW4nG__nav {
  pointer-events: auto;
  filter: drop-shadow(0 14px 28px rgba(11, 27, 58, .18));
  grid-template-columns: 1fr 1fr 84px 1fr 1fr;
  align-items: stretch;
  width: 100%;
  max-width: 480px;
  height: 66px;
  margin: 0 auto;
  padding: 0;
  display: grid;
  position: relative;
}

[data-theme="dark"] .AppShell-module__-zW4nG__nav {
  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, .5));
}

.AppShell-module__-zW4nG__navBg {
  background: var(--mc-card);
  position: absolute;
  top: 0;
  bottom: 0;
}

.AppShell-module__-zW4nG__navBgLeft {
  border-radius: 18px 0 0 18px;
  left: 0;
  right: calc(50% + 83px);
}

.AppShell-module__-zW4nG__navBgRight {
  border-radius: 0 18px 18px 0;
  left: calc(50% + 83px);
  right: 0;
}

.AppShell-module__-zW4nG__navNotch {
  width: 166px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.AppShell-module__-zW4nG__navNotch path {
  fill: var(--mc-card);
}

.AppShell-module__-zW4nG__navButton {
  color: var(--mc-muted);
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  display: grid;
  position: relative;
}

.AppShell-module__-zW4nG__navButton[aria-current="page"] {
  color: var(--mc-icon-accent);
}

.AppShell-module__-zW4nG__navButton svg {
  z-index: 1;
  width: 23px;
  height: 23px;
  display: block;
  position: relative;
}

.AppShell-module__-zW4nG__addButton {
  background: linear-gradient(160deg, var(--mc-primary-start) 0%, var(--mc-primary) 100%);
  color: #f4f6fb;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 13px;
  place-self: flex-start center;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-top: -19px;
  padding: 0;
  line-height: 0;
  display: grid;
  position: relative;
  box-shadow: inset 0 -9px 16px rgba(6, 14, 34, .2);
}

.AppShell-module__-zW4nG__addButton svg {
  width: 30px;
  height: 30px;
  display: block;
  transform: translateZ(0);
}

[data-theme="dark"] .AppShell-module__-zW4nG__addButton {
  background: linear-gradient(160deg, var(--mc-primary) 0%, #1e3a75 100%);
}

.AppShell-module__-zW4nG__addButton:active {
  transform: scale(.94);
}

.AppShell-module__-zW4nG__loading {
  color: #fff;
  background: radial-gradient(90% 70% at 12% 8%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(62, 107, 192, .48), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 55% 95%, rgba(35, 70, 128, .6), rgba(0, 0, 0, 0) 64%), linear-gradient(172deg, #101e42 0%, #0a1633 55%, #0d1b3f 100%);
  place-items: center;
  min-height: 100dvh;
  display: grid;
  position: relative;
  overflow: hidden;
}

@media (prefers-color-scheme: light) {
  .AppShell-module__-zW4nG__loading {
    color: #fff;
    background: radial-gradient(90% 70% at 12% 8%, rgba(158, 190, 248, .6), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 55% 95%, rgba(26, 63, 138, .55), rgba(0, 0, 0, 0) 64%), linear-gradient(172deg, #4a7dd4 0%, #2c54a0 55%, #23468f 100%);
  }

  .AppShell-module__-zW4nG__loading:before {
    background: radial-gradient(38% 30% at 30% 30%, rgba(255, 255, 255, .4), rgba(0, 0, 0, 0) 65%);
  }

  .AppShell-module__-zW4nG__loading:after {
    background: radial-gradient(34% 28% at 70% 65%, rgba(158, 190, 248, .5), rgba(0, 0, 0, 0) 65%);
  }
}

.AppShell-module__-zW4nG__loading:before, .AppShell-module__-zW4nG__loading:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -20%;
  bottom: -20%;
  left: -20%;
  right: -20%;
}

.AppShell-module__-zW4nG__loading:before {
  background: radial-gradient(38% 30% at 30% 30%, rgba(96, 138, 224, .5), rgba(0, 0, 0, 0) 65%);
  animation: 4s ease-in-out infinite AppShell-module__-zW4nG__meshPulse1;
}

.AppShell-module__-zW4nG__loading:after {
  background: radial-gradient(34% 28% at 70% 65%, rgba(62, 107, 192, .45), rgba(0, 0, 0, 0) 65%);
  animation: 5.2s ease-in-out infinite AppShell-module__-zW4nG__meshPulse2;
}

@keyframes AppShell-module__-zW4nG__meshPulse1 {
  0%, 100% {
    opacity: .6;
    transform: translate(0)scale(1);
  }

  50% {
    opacity: 1;
    transform: translate(14%, 10%)scale(1.45);
  }
}

@keyframes AppShell-module__-zW4nG__meshPulse2 {
  0%, 100% {
    opacity: 1;
    transform: translate(0)scale(1.25);
  }

  50% {
    opacity: .45;
    transform: translate(-12%, -14%)scale(.8);
  }
}

.AppShell-module__-zW4nG__loadCard {
  text-align: center;
  justify-items: center;
  display: grid;
  position: relative;
  transform: translateY(-22px);
}

.AppShell-module__-zW4nG__blockWrap {
  width: 120px;
  height: 120px;
}

.AppShell-module__-zW4nG__blockGrid {
  width: 70%;
  height: 70%;
  margin: 15%;
  position: relative;
  transform: rotate(-45deg);
}

.AppShell-module__-zW4nG__block {
  visibility: hidden;
  background: linear-gradient(to right, #1a2a6b, #3e6bc0, #9cb9f2, #6b8fd4, #2c54a0, #7da2ff, #4a7dd4, #8fb0e8, #23468f, #1a2a6b, #3e6bc0) 0% / 1000% 1000%;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.AppShell-module__-zW4nG__b1 {
  animation: 15s linear infinite AppShell-module__-zW4nG__moveGradient, 3.5s infinite AppShell-module__-zW4nG__oneMove;
}

.AppShell-module__-zW4nG__b2 {
  animation: 15s linear infinite AppShell-module__-zW4nG__moveGradient, 3.5s .15s infinite AppShell-module__-zW4nG__twoMove;
}

.AppShell-module__-zW4nG__b3 {
  animation: 15s linear infinite AppShell-module__-zW4nG__moveGradient, 3.5s .3s infinite AppShell-module__-zW4nG__threeMove;
}

.AppShell-module__-zW4nG__b4 {
  animation: 15s linear infinite AppShell-module__-zW4nG__moveGradient, 3.5s .575s infinite AppShell-module__-zW4nG__fourMove;
}

.AppShell-module__-zW4nG__b5 {
  animation: 15s linear infinite AppShell-module__-zW4nG__moveGradient, 3.5s .725s infinite AppShell-module__-zW4nG__fiveMove;
}

.AppShell-module__-zW4nG__b6 {
  animation: 15s linear infinite AppShell-module__-zW4nG__moveGradient, 3.5s .875s infinite AppShell-module__-zW4nG__sixMove;
}

@keyframes AppShell-module__-zW4nG__moveGradient {
  to {
    background-position: 100%;
  }
}

@keyframes AppShell-module__-zW4nG__oneMove {
  0% {
    visibility: visible;
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  14.2857% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  28.5714% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  42.8571% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  57.1428% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  71.4285% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  85.7142% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  100% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }
}

@keyframes AppShell-module__-zW4nG__twoMove {
  0% {
    visibility: visible;
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  14.2857% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  28.5714% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  42.8571% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  57.1428% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  71.4285% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  85.7142% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  100% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }
}

@keyframes AppShell-module__-zW4nG__threeMove {
  0% {
    visibility: visible;
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  14.2857% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  28.5714% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  42.8571% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  57.1428% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  71.4285% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  85.7142% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  100% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }
}

@keyframes AppShell-module__-zW4nG__fourMove {
  0% {
    visibility: visible;
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  14.2857% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  28.5714% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  42.8571% {
    clip-path: inset(70% 35% 0% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  57.1428% {
    clip-path: inset(70% 35% 0% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  71.4285% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  85.7142% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  100% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }
}

@keyframes AppShell-module__-zW4nG__fiveMove {
  0% {
    visibility: visible;
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  14.2857% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  28.5714% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  42.8571% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  57.1428% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  71.4285% {
    clip-path: inset(70% 35% 0% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  85.7142% {
    clip-path: inset(70% 35% 0% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  100% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }
}

@keyframes AppShell-module__-zW4nG__sixMove {
  0% {
    visibility: visible;
    clip-path: inset(70% 35% 0% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  14.2857% {
    clip-path: inset(70% 35% 0% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  28.5714% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  42.8571% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  57.1428% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  71.4285% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  85.7142% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }

  100% {
    clip-path: inset(70% 35% 0% round 5%);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  }
}

.AppShell-module__-zW4nG__loadCard strong {
  letter-spacing: -.04em;
  margin-top: 22px;
  font-size: 26px;
}

.AppShell-module__-zW4nG__loadCard span {
  color: rgba(255, 255, 255, .62);
  margin-top: 7px;
  font-size: 12.5px;
  font-weight: 750;
}

@keyframes AppShell-module__-zW4nG__spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes AppShell-module__-zW4nG__markFloat {
  50% {
    transform: translateY(-8px)scale(1.025);
  }
}

.AppShell-module__-zW4nG__pwCard {
  background: var(--mc-surface, #fff);
  border-radius: 24px;
  gap: 10px;
  width: min(420px, 100% - 48px);
  padding: 28px 24px;
  display: grid;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
}

.AppShell-module__-zW4nG__pwBadge {
  width: 58px;
  height: 58px;
  color: var(--mc-primary, #4367d7);
  background: rgba(67, 103, 215, .12);
  border-radius: 18px;
  place-items: center;
  margin-bottom: 6px;
  display: grid;
}

.AppShell-module__-zW4nG__pwTitle {
  letter-spacing: -.03em;
  color: var(--mc-text, #0f1420);
  margin: 0;
  font-size: 22px;
}

.AppShell-module__-zW4nG__pwSub {
  color: var(--mc-muted, #6b7280);
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.45;
}

.AppShell-module__-zW4nG__pwInput {
  box-sizing: border-box;
  border: 1px solid var(--mc-border, #e2e5ec);
  background: var(--mc-surface, #fff);
  width: 100%;
  height: 46px;
  color: var(--mc-text, #0f1420);
  font: inherit;
  border-radius: 12px;
  outline: none;
  padding: 0 14px;
  font-size: 14px;
}

.AppShell-module__-zW4nG__pwInput:focus {
  border-color: var(--mc-primary, #4367d7);
}

.AppShell-module__-zW4nG__pwError {
  color: var(--mc-danger, #e5484d);
  font-size: 12.5px;
  font-weight: 700;
}

.AppShell-module__-zW4nG__pwSubmit {
  background: var(--mc-primary, #4367d7);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  width: 100%;
  height: 46px;
  margin-top: 6px;
  font: 800 14px inherit;
}

.AppShell-module__-zW4nG__pwSubmit:disabled {
  opacity: .6;
}

@media (min-width: 900px) {
  .AppShell-module__-zW4nG__content {
    max-width: 480px;
    margin: 0 auto;
  }

  .AppShell-module__-zW4nG__nav {
    max-width: 480px;
  }
}

/* [project]/src/components/receipt/ReceiptCameraScanner.module.css [app-client] (css) */
.ReceiptCameraScanner-module__9LNoJa__cameraOverlay {
  z-index: 10000;
  color: #fff;
  background: #080f1e;
  flex-direction: column;
  justify-content: space-between;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both ReceiptCameraScanner-module__9LNoJa__cameraFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes ReceiptCameraScanner-module__9LNoJa__cameraFadeIn {
  from {
    opacity: 0;
    transform: scale(.98);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ReceiptCameraScanner-module__9LNoJa__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 12px) 20px 8px;
  z-index: 10;
  background: #080f1e;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ReceiptCameraScanner-module__9LNoJa__topSpacer {
  width: 42px;
  height: 42px;
}

.ReceiptCameraScanner-module__9LNoJa__topCloseBtn {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.ReceiptCameraScanner-module__9LNoJa__topCloseBtn:active {
  opacity: .7;
  transform: scale(.9);
}

.ReceiptCameraScanner-module__9LNoJa__titleTag {
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .95);
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 850;
}

.ReceiptCameraScanner-module__9LNoJa__hintBar {
  z-index: 5;
  background: #080f1e;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px 16px 8px;
  display: flex;
}

.ReceiptCameraScanner-module__9LNoJa__guideHint {
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .75);
  font-size: 12.5px;
  font-weight: 750;
}

.ReceiptCameraScanner-module__9LNoJa__viewfinderContainer {
  background: #080f1e;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4px 18px 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ReceiptCameraScanner-module__9LNoJa__viewfinderWindow {
  background: #000;
  border: 2.5px solid rgba(59, 130, 246, .35);
  border-radius: 28px;
  width: 100%;
  max-width: 400px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ReceiptCameraScanner-module__9LNoJa__videoFeed {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ReceiptCameraScanner-module__9LNoJa__cornerTL, .ReceiptCameraScanner-module__9LNoJa__cornerTR, .ReceiptCameraScanner-module__9LNoJa__cornerBL, .ReceiptCameraScanner-module__9LNoJa__cornerBR {
  pointer-events: none;
  border-style: solid;
  border-color: #fff;
  width: 28px;
  height: 28px;
  position: absolute;
}

.ReceiptCameraScanner-module__9LNoJa__cornerTL {
  border-width: 3.5px 0 0 3.5px;
  border-top-left-radius: 12px;
  top: 14px;
  left: 14px;
}

.ReceiptCameraScanner-module__9LNoJa__cornerTR {
  border-width: 3.5px 3.5px 0 0;
  border-top-right-radius: 12px;
  top: 14px;
  right: 14px;
}

.ReceiptCameraScanner-module__9LNoJa__cornerBL {
  border-width: 0 0 3.5px 3.5px;
  border-bottom-left-radius: 12px;
  bottom: 14px;
  left: 14px;
}

.ReceiptCameraScanner-module__9LNoJa__cornerBR {
  border-width: 0 3.5px 3.5px 0;
  border-bottom-right-radius: 12px;
  bottom: 14px;
  right: 14px;
}

.ReceiptCameraScanner-module__9LNoJa__bottomBar {
  padding: 16px 28px calc(env(safe-area-inset-bottom, 20px)  + 20px);
  z-index: 10;
  background: #080f1e;
  flex-shrink: 0;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  display: grid;
}

.ReceiptCameraScanner-module__9LNoJa__bottomSideLeft {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ReceiptCameraScanner-module__9LNoJa__bottomSideRight {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.ReceiptCameraScanner-module__9LNoJa__bottomIconBtn {
  color: rgba(255, 255, 255, .9);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  transition: transform .12s, opacity .12s, color .12s;
  display: inline-flex;
}

.ReceiptCameraScanner-module__9LNoJa__bottomIconBtn:hover {
  color: #fff;
}

.ReceiptCameraScanner-module__9LNoJa__bottomIconBtn:active {
  opacity: .7;
  transform: scale(.9);
}

.ReceiptCameraScanner-module__9LNoJa__bottomIconBtnActive {
  color: #facc15;
}

.ReceiptCameraScanner-module__9LNoJa__bottomIconBtnDisabled {
  opacity: .35;
  cursor: default;
}

.ReceiptCameraScanner-module__9LNoJa__shutterOuter {
  cursor: pointer;
  background: none;
  border: 4px solid #fff;
  border-radius: 50%;
  justify-self: center;
  place-items: center;
  width: 78px;
  height: 78px;
  padding: 4px;
  transition: transform .12s;
  display: grid;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .5);
}

.ReceiptCameraScanner-module__9LNoJa__shutterOuter:active {
  transform: scale(.92);
}

.ReceiptCameraScanner-module__9LNoJa__shutterOuter:disabled {
  opacity: .4;
  cursor: default;
}

.ReceiptCameraScanner-module__9LNoJa__shutterInner {
  background: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: background .12s;
}

.ReceiptCameraScanner-module__9LNoJa__shutterOuter:active .ReceiptCameraScanner-module__9LNoJa__shutterInner {
  background: #cbd5e1;
}

.ReceiptCameraScanner-module__9LNoJa__fallbackCard {
  text-align: center;
  width: min(100% - 32px, 360px);
  box-shadow: none;
  background: none;
  border: none;
  margin: auto;
  padding: 24px 8px;
}

.ReceiptCameraScanner-module__9LNoJa__fallbackCard h3 {
  letter-spacing: -.02em;
  color: #fff;
  margin: 0 0 8px;
  font-size: 21px;
  font-weight: 900;
}

.ReceiptCameraScanner-module__9LNoJa__fallbackCard p {
  color: rgba(255, 255, 255, .75);
  margin: 0 0 24px;
  font-size: 13.5px;
  line-height: 1.5;
}

.ReceiptCameraScanner-module__9LNoJa__fallbackActions {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  display: flex;
}

.ReceiptCameraScanner-module__9LNoJa__snapNativeBtn {
  color: #fff;
  letter-spacing: -.01em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #3b82f6;
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  font-size: 14.5px;
  font-weight: 850;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}

.ReceiptCameraScanner-module__9LNoJa__snapNativeBtn:active {
  background: #2563eb;
  transform: scale(.97);
}

.ReceiptCameraScanner-module__9LNoJa__tryAgainBtn {
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.ReceiptCameraScanner-module__9LNoJa__tryAgainBtn:active {
  background: rgba(255, 255, 255, .16);
  transform: scale(.97);
}

.ReceiptCameraScanner-module__9LNoJa__tryAgainBtn:disabled {
  opacity: .5;
  cursor: default;
}

.ReceiptCameraScanner-module__9LNoJa__orDivider {
  color: rgba(255, 255, 255, .45);
  text-transform: lowercase;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 6px 0;
  font-size: 12.5px;
  font-weight: 700;
  display: flex;
}

.ReceiptCameraScanner-module__9LNoJa__orDivider:before, .ReceiptCameraScanner-module__9LNoJa__orDivider:after {
  content: "";
  background: rgba(255, 255, 255, .15);
  flex: 1;
  height: 1px;
}

.ReceiptCameraScanner-module__9LNoJa__galleryUploadBtn {
  -webkit-backdrop-filter: blur(16px);
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}

.ReceiptCameraScanner-module__9LNoJa__galleryUploadBtn:active {
  background: rgba(255, 255, 255, .22);
  transform: scale(.97);
}

.ReceiptCameraScanner-module__9LNoJa__visuallyHiddenInput {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

/* [project]/src/components/receipt/ReceiptScanningOverlay.module.css [app-client] (css) */
.ReceiptScanningOverlay-module__vzq_qa__overlay {
  z-index: 10000;
  color: #fff;
  background: #080f1e;
  flex-direction: column;
  justify-content: space-between;
  animation: .22s ease-out both ReceiptScanningOverlay-module__vzq_qa__overlayFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes ReceiptScanningOverlay-module__vzq_qa__overlayFadeIn {
  from {
    opacity: 0;
    transform: scale(.98);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ReceiptScanningOverlay-module__vzq_qa__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 12px) 20px 8px;
  z-index: 10;
  background: #080f1e;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ReceiptScanningOverlay-module__vzq_qa__titleTag {
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .95);
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 850;
}

.ReceiptScanningOverlay-module__vzq_qa__closeBtn {
  color: #fff;
  cursor: pointer;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 50%;
  place-items: center;
  width: 40px;
  height: 40px;
  transition: all .15s;
  display: grid;
}

.ReceiptScanningOverlay-module__vzq_qa__closeBtn:active {
  background: rgba(255, 255, 255, .2);
  transform: scale(.92);
}

.ReceiptScanningOverlay-module__vzq_qa__hintBar {
  z-index: 5;
  background: #080f1e;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  padding: 4px 16px 8px;
  display: flex;
}

.ReceiptScanningOverlay-module__vzq_qa__guideHintAnimated {
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .85);
  font-size: 13px;
  font-weight: 750;
  animation: .3s cubic-bezier(.16, 1, .3, 1) both ReceiptScanningOverlay-module__vzq_qa__textFadeSlide;
}

@keyframes ReceiptScanningOverlay-module__vzq_qa__textFadeSlide {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ReceiptScanningOverlay-module__vzq_qa__viewfinderContainer {
  background: #080f1e;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4px 18px 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ReceiptScanningOverlay-module__vzq_qa__viewfinderWindow {
  background: #000;
  border: 2.5px solid rgba(59, 130, 246, .35);
  border-radius: 28px;
  width: 100%;
  max-width: 400px;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 20px 48px rgba(0, 0, 0, .75);
}

.ReceiptScanningOverlay-module__vzq_qa__receiptImg {
  object-fit: cover;
  filter: brightness(.92) contrast(1.05);
  width: 100%;
  height: 100%;
  display: block;
}

.ReceiptScanningOverlay-module__vzq_qa__receiptPlaceholder {
  background: #0d1a33;
  width: 100%;
  height: 100%;
}

.ReceiptScanningOverlay-module__vzq_qa__laserRay {
  pointer-events: none;
  background: linear-gradient(rgba(59, 130, 246, 0) 0%, rgba(59, 130, 246, .05) 30%, rgba(96, 165, 250, .16) 75%, rgba(147, 197, 253, .38) 100%);
  height: 80px;
  animation: 2.5s ease-in-out infinite alternate ReceiptScanningOverlay-module__vzq_qa__laserScanSoft;
  position: absolute;
  left: 0;
  right: 0;
}

.ReceiptScanningOverlay-module__vzq_qa__laserLine {
  background: #fff;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 4px #fff, 0 0 10px rgba(147, 197, 253, .95), 0 0 20px rgba(59, 130, 246, .7);
}

@keyframes ReceiptScanningOverlay-module__vzq_qa__laserScanSoft {
  0% {
    opacity: .8;
    top: -76px;
  }

  12% {
    opacity: 1;
  }

  88% {
    opacity: 1;
  }

  100% {
    opacity: .8;
    top: calc(100% - 84px);
  }
}

.ReceiptScanningOverlay-module__vzq_qa__cornerTL, .ReceiptScanningOverlay-module__vzq_qa__cornerTR, .ReceiptScanningOverlay-module__vzq_qa__cornerBL, .ReceiptScanningOverlay-module__vzq_qa__cornerBR {
  pointer-events: none;
  border-style: solid;
  border-color: #fff;
  width: 28px;
  height: 28px;
  position: absolute;
}

.ReceiptScanningOverlay-module__vzq_qa__cornerTL {
  border-width: 3.5px 0 0 3.5px;
  border-top-left-radius: 12px;
  top: 14px;
  left: 14px;
}

.ReceiptScanningOverlay-module__vzq_qa__cornerTR {
  border-width: 3.5px 3.5px 0 0;
  border-top-right-radius: 12px;
  top: 14px;
  right: 14px;
}

.ReceiptScanningOverlay-module__vzq_qa__cornerBL {
  border-width: 0 0 3.5px 3.5px;
  border-bottom-left-radius: 12px;
  bottom: 14px;
  left: 14px;
}

.ReceiptScanningOverlay-module__vzq_qa__cornerBR {
  border-width: 0 3.5px 3.5px 0;
  border-bottom-right-radius: 12px;
  bottom: 14px;
  right: 14px;
}

.ReceiptScanningOverlay-module__vzq_qa__bottomBar {
  padding: 16px 28px calc(env(safe-area-inset-bottom, 20px)  + 20px);
  z-index: 10;
  background: #080f1e;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ReceiptScanningOverlay-module__vzq_qa__scanBackgroundBtn {
  -webkit-backdrop-filter: blur(16px);
  color: #fff;
  letter-spacing: -.01em;
  cursor: pointer;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  height: 48px;
  padding: 0 26px;
  font-size: 14px;
  font-weight: 850;
  transition: all .15s;
}

.ReceiptScanningOverlay-module__vzq_qa__scanBackgroundBtn:active {
  background: rgba(255, 255, 255, .22);
  transform: scale(.97);
}

/* [project]/src/components/receipt/ReceiptImageViewer.module.css [app-client] (css) */
.ReceiptImageViewer-module__OTGP_G__viewerOverlay {
  z-index: 10005;
  -webkit-backdrop-filter: blur(28px);
  color: #fff;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(4, 8, 16, .96);
  flex-direction: column;
  justify-content: space-between;
  animation: .2s cubic-bezier(.16, 1, .3, 1) both ReceiptImageViewer-module__OTGP_G__viewerFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes ReceiptImageViewer-module__OTGP_G__viewerFadeIn {
  from {
    opacity: 0;
    transform: scale(.98);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ReceiptImageViewer-module__OTGP_G__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 12px) 16px 12px;
  background: var(--mc-bg);
  z-index: 20;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.ReceiptImageViewer-module__OTGP_G__zoomPill {
  letter-spacing: -.01em;
  color: var(--mc-muted);
  z-index: 1;
  background: none;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 6px 0 6px 4px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
}

.ReceiptImageViewer-module__OTGP_G__zoomText {
  text-align: left;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  min-width: 44px;
  display: inline-block;
}

.ReceiptImageViewer-module__OTGP_G__resetBtn {
  width: 20px;
  height: 20px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  transition: opacity .15s, transform .12s;
  display: grid;
}

.ReceiptImageViewer-module__OTGP_G__resetBtnHidden {
  opacity: 0;
  pointer-events: none;
}

.ReceiptImageViewer-module__OTGP_G__resetBtnVisible {
  opacity: 1;
  pointer-events: auto;
}

.ReceiptImageViewer-module__OTGP_G__resetBtn:active {
  transform: rotate(-45deg);
}

.ReceiptImageViewer-module__OTGP_G__closeBtn {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  aspect-ratio: 1;
  background: none;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: all .15s;
  display: grid;
}

.ReceiptImageViewer-module__OTGP_G__closeBtn:active {
  background: rgba(255, 255, 255, .18);
  transform: scale(.92);
}

.ReceiptImageViewer-module__OTGP_G__imageContainer {
  background: var(--mc-bg);
  box-sizing: border-box;
  touch-action: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ReceiptImageViewer-module__OTGP_G__receiptImg {
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  transform-origin: center;
  will-change: transform;
  border-radius: 16px;
  max-width: 95%;
  max-height: 88%;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .75);
}

.ReceiptImageViewer-module__OTGP_G__bottomBar {
  padding: 12px 20px calc(env(safe-area-inset-bottom, 20px)  + 16px);
  background: var(--mc-bg);
  z-index: 20;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ReceiptImageViewer-module__OTGP_G__hintPill {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  font-size: 11.5px;
  font-weight: 700;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.ReceiptImageViewer-module__OTGP_G__actionsRow {
  justify-content: stretch;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.ReceiptImageViewer-module__OTGP_G__deleteBtn {
  min-width: 0;
  height: var(--mc-drawer-btn-height);
  background: color-mix(in srgb, var(--mc-danger) 16%, transparent);
  color: var(--mc-danger);
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  letter-spacing: -.01em;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.ReceiptImageViewer-module__OTGP_G__deleteBtn:active {
  background: rgba(239, 68, 68, .28);
  transform: scale(.96);
}

.ReceiptImageViewer-module__OTGP_G__replaceBtn {
  min-width: 0;
  height: var(--mc-drawer-btn-height);
  background: var(--mc-surface);
  color: var(--mc-text);
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  letter-spacing: -.01em;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.ReceiptImageViewer-module__OTGP_G__replaceBtn:active {
  background: rgba(255, 255, 255, .22);
  transform: scale(.96);
}

.ReceiptImageViewer-module__OTGP_G__doneBtn {
  min-width: 0;
  height: var(--mc-drawer-btn-height);
  background: var(--mc-primary);
  color: var(--mc-text);
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  letter-spacing: -.01em;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.ReceiptImageViewer-module__OTGP_G__doneBtn:active {
  background: rgba(255, 255, 255, .28);
  transform: scale(.96);
}

/* [project]/src/components/receipt/ReceiptAttachmentSheet.module.css [app-client] (css) */
.ReceiptAttachmentSheet-module__pNqKrW__sheetBody {
  flex-direction: column;
  gap: 16px;
  padding: 8px 4px 12px;
  display: flex;
}

.ReceiptAttachmentSheet-module__pNqKrW__chooser {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 4px 0 16px;
  display: grid;
}

.ReceiptAttachmentSheet-module__pNqKrW__choice {
  text-align: center;
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .1));
  background: var(--mc-card, #14171f);
  box-shadow: var(--mc-shadow-card, 0 4px 20px rgba(0, 0, 0, .35));
  cursor: pointer;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 144px;
  padding: 26px 14px 24px;
  font-family: inherit;
  transition: transform .14s, box-shadow .14s, border-color .14s;
  display: flex;
}

.ReceiptAttachmentSheet-module__pNqKrW__choice:hover {
  border-color: var(--mc-primary, #3b82f6);
}

.ReceiptAttachmentSheet-module__pNqKrW__choice:active {
  transform: scale(.96);
}

.ReceiptAttachmentSheet-module__pNqKrW__hiddenFileInput {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.ReceiptAttachmentSheet-module__pNqKrW__choiceIconWrap {
  color: var(--mc-icon-accent, #fff);
  background: none;
  border: none;
  place-items: center;
  margin-bottom: 2px;
  transition: transform .14s;
  display: grid;
}

.ReceiptAttachmentSheet-module__pNqKrW__choice:active .ReceiptAttachmentSheet-module__pNqKrW__choiceIconWrap {
  transform: scale(.92);
}

.ReceiptAttachmentSheet-module__pNqKrW__choiceText {
  justify-items: center;
  gap: 4px;
  display: grid;
}

.ReceiptAttachmentSheet-module__pNqKrW__choiceTitle {
  color: var(--mc-text, #fff);
  letter-spacing: -.015em;
  font-size: 14.5px;
  font-weight: 850;
}

.ReceiptAttachmentSheet-module__pNqKrW__choiceCopy {
  color: var(--mc-muted, rgba(255, 255, 255, .5));
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.25;
}

.ReceiptAttachmentSheet-module__pNqKrW__choiceDisabled {
  opacity: .5;
  cursor: not-allowed;
}

.ReceiptAttachmentSheet-module__pNqKrW__busyContainer {
  background: var(--mc-card, #14171f);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .08));
  text-align: center;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 40px 16px;
  display: flex;
}

.ReceiptAttachmentSheet-module__pNqKrW__spinner {
  border: 3px solid rgba(255, 255, 255, .15);
  border-top-color: var(--mc-text, #fff);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  animation: .8s linear infinite ReceiptAttachmentSheet-module__pNqKrW__spin;
}

@keyframes ReceiptAttachmentSheet-module__pNqKrW__spin {
  to {
    transform: rotate(360deg);
  }
}

.ReceiptAttachmentSheet-module__pNqKrW__busyText {
  color: var(--mc-text, #fff);
  font-size: 14px;
  font-weight: 750;
}

.ReceiptAttachmentSheet-module__pNqKrW__attachedContainer {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.ReceiptAttachmentSheet-module__pNqKrW__previewCard {
  background: var(--mc-card, #14171f);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .1));
  cursor: pointer;
  max-height: 280px;
  box-shadow: var(--mc-shadow-card, 0 4px 20px rgba(0, 0, 0, .35));
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ReceiptAttachmentSheet-module__pNqKrW__previewImg {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 280px;
  display: block;
}

.ReceiptAttachmentSheet-module__pNqKrW__previewExpandBadge {
  -webkit-backdrop-filter: blur(12px);
  color: #fff;
  letter-spacing: -.01em;
  background: rgba(0, 0, 0, .65);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.ReceiptAttachmentSheet-module__pNqKrW__actionRow {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.ReceiptAttachmentSheet-module__pNqKrW__actionBtn {
  letter-spacing: -.01em;
  cursor: pointer;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 48px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .14s;
  display: flex;
}

.ReceiptAttachmentSheet-module__pNqKrW__actionBtnReplace {
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .12));
  background: var(--mc-card, #14171f);
  color: var(--mc-text, #fff);
}

.ReceiptAttachmentSheet-module__pNqKrW__actionBtnReplace:active {
  background: rgba(255, 255, 255, .08);
  transform: scale(.96);
}

.ReceiptAttachmentSheet-module__pNqKrW__actionBtnDanger {
  color: #f87171;
  background: rgba(239, 68, 68, .12);
  border: 1px solid rgba(239, 68, 68, .3);
}

.ReceiptAttachmentSheet-module__pNqKrW__actionBtnDanger:active {
  background: rgba(239, 68, 68, .22);
  transform: scale(.96);
}

.ReceiptAttachmentSheet-module__pNqKrW__errorText {
  color: #f87171;
  text-align: center;
  margin-top: 4px;
  font-size: 12.5px;
  font-weight: 700;
}

/* [project]/src/components/receipt/ReceiptReviewDrawer.module.css [app-client] (css) */
.ReceiptReviewDrawer-module__d1s5rW__overlay {
  z-index: 12000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both ReceiptReviewDrawer-module__d1s5rW__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes ReceiptReviewDrawer-module__d1s5rW__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ReceiptReviewDrawer-module__d1s5rW__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  border-bottom: none;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.ReceiptReviewDrawer-module__d1s5rW__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.ReceiptReviewDrawer-module__d1s5rW__backBtn:active {
  opacity: .6;
  transform: scale(.94);
}

.ReceiptReviewDrawer-module__d1s5rW__setHeadTitle {
  letter-spacing: -.02em;
  text-align: center;
  color: var(--mc-text);
  font-size: 17px;
  font-weight: 700;
}

.ReceiptReviewDrawer-module__d1s5rW__setHeadGhost {
  width: 40px;
  height: 40px;
}

.ReceiptReviewDrawer-module__d1s5rW__content {
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  padding: 16px 16px 24px;
  display: flex;
  overflow-y: auto;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryHeroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  cursor: default;
  border-radius: 22px;
  padding: 18px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

.ReceiptReviewDrawer-module__d1s5rW__summarySplitRow {
  justify-content: space-between;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryLeftCol {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryMerchant {
  letter-spacing: -.01em;
  color: var(--mc-text-soft, rgba(255, 255, 255, .75));
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.2;
  overflow: hidden;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryBigAmount {
  letter-spacing: -.04em;
  color: var(--mc-text);
  margin: 2px 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryBigAmount.ReceiptReviewDrawer-module__d1s5rW__income {
  color: var(--mc-income);
}

.ReceiptReviewDrawer-module__d1s5rW__summaryHeaderDate {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryReceiptCol {
  flex-shrink: 0;
  align-items: stretch;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryReceiptThumb {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  cursor: pointer;
  border-radius: 16px;
  width: 96px;
  height: 120px;
  padding: 0;
  transition: transform .18s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
}

.ReceiptReviewDrawer-module__d1s5rW__summaryReceiptThumb:active {
  transform: scale(.96);
}

.ReceiptReviewDrawer-module__d1s5rW__summaryReceiptImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryReceiptBadge {
  color: #fff;
  text-align: center;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: rgba(0, 0, 0, .75);
  border-radius: 6px;
  padding: 3px 0;
  font-size: 9.5px;
  font-weight: 750;
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryReceiptEmpty {
  border: 1px dashed var(--mc-border);
  background: var(--mc-surface);
  width: 96px;
  height: 120px;
  color: var(--mc-muted);
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  transition: all .15s;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryReceiptEmpty:hover {
  border-color: var(--mc-primary);
  color: var(--mc-primary);
  background: var(--mc-primary-soft);
}

.ReceiptReviewDrawer-module__d1s5rW__summaryReceiptEmptyLabel {
  font-size: 11px;
  font-weight: 700;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewAlertBanner {
  background: color-mix(in srgb, #f59e0b 14%, var(--mc-card));
  color: var(--mc-text);
  box-shadow: var(--mc-shadow-card);
  border: 1px solid rgba(245, 158, 11, .32);
  border-radius: 16px;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewAlertBanner.ReceiptReviewDrawer-module__d1s5rW__info {
  background: color-mix(in srgb, var(--mc-primary) 14%, var(--mc-card));
  border-color: color-mix(in srgb, var(--mc-primary) 32%, transparent);
}

.ReceiptReviewDrawer-module__d1s5rW__reviewAlertBanner.ReceiptReviewDrawer-module__d1s5rW__error {
  background: color-mix(in srgb, var(--mc-danger) 14%, var(--mc-card));
  border-color: color-mix(in srgb, var(--mc-danger) 32%, transparent);
}

.ReceiptReviewDrawer-module__d1s5rW__reviewAlertIcon {
  color: #f59e0b;
  flex-shrink: 0;
  place-items: center;
  margin-top: 1px;
  display: grid;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewAlertBanner.ReceiptReviewDrawer-module__d1s5rW__info .ReceiptReviewDrawer-module__d1s5rW__reviewAlertIcon {
  color: var(--mc-primary);
}

.ReceiptReviewDrawer-module__d1s5rW__reviewAlertBanner.ReceiptReviewDrawer-module__d1s5rW__error .ReceiptReviewDrawer-module__d1s5rW__reviewAlertIcon {
  color: var(--mc-danger);
}

.ReceiptReviewDrawer-module__d1s5rW__reviewAlertContent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewAlertTitle {
  letter-spacing: -.01em;
  color: var(--mc-text);
  margin: 0;
  font-size: 13.5px;
  font-weight: 750;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewAlertMessage {
  color: var(--mc-text-soft, rgba(255, 255, 255, .72));
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSectionGroup {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSectionLabel {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 700;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 18px;
  flex-direction: column;
  padding: 6px 14px;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewCardHeaderRow {
  justify-content: space-between;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewCardTitle {
  color: var(--mc-muted);
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.ReceiptReviewDrawer-module__d1s5rW__editDetailsLink {
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: 0;
  outline: none;
  align-items: center;
  padding: 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: opacity .15s;
  display: inline-flex;
}

.ReceiptReviewDrawer-module__d1s5rW__editDetailsLink:active {
  opacity: .5;
}

.ReceiptReviewDrawer-module__d1s5rW__editDetailsLink:focus {
  outline: none;
}

.ReceiptReviewDrawer-module__d1s5rW__moreToggleBtn {
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: 0;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: opacity .15s;
  display: inline-flex;
}

.ReceiptReviewDrawer-module__d1s5rW__moreToggleBtn:active {
  opacity: .5;
}

.ReceiptReviewDrawer-module__d1s5rW__moreToggleBtn:focus {
  outline: none;
}

@media (hover: hover) and (pointer: fine) {
  .ReceiptReviewDrawer-module__d1s5rW__editDetailsLink:hover, .ReceiptReviewDrawer-module__d1s5rW__moreToggleBtn:hover {
    color: var(--mc-text);
  }
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSummaryRowInteractive {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border-radius: 10px;
  margin: 0 -4px;
  padding-left: 8px;
  padding-right: 8px;
  transition: background .15s;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSummaryRowInteractive:active {
  background: color-mix(in srgb, var(--mc-text) 7%, transparent);
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSummaryMuted {
  color: var(--mc-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.ReceiptReviewDrawer-module__d1s5rW__editDetailsCardBtn {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  width: 100%;
  height: 44px;
  color: var(--mc-text);
  cursor: pointer;
  box-shadow: var(--mc-shadow-card);
  -webkit-tap-highlight-color: transparent;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__editDetailsCardBtn:hover {
  background: var(--mc-surface);
}

.ReceiptReviewDrawer-module__d1s5rW__editDetailsCardBtn:active {
  transform: scale(.98);
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSummaryRow {
  justify-content: space-between;
  align-items: center;
  gap: 75px;
  padding: 10px 4px;
  display: flex;
  position: relative;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSummaryRow:not(:last-child):after {
  content: "";
  background: color-mix(in srgb, var(--mc-border) 60%, transparent);
  pointer-events: none;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 4px;
  right: 4px;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSummaryLabel {
  color: var(--mc-muted);
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSummaryValue {
  color: var(--mc-text);
  text-align: right;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 13.5px;
  font-weight: 700;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewSummaryValue > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  min-width: 0;
  overflow: hidden;
}

.ReceiptReviewDrawer-module__d1s5rW__summaryIconBadge {
  background: var(--mc-primary-soft);
  width: 22px;
  height: 22px;
  color: var(--mc-text);
  box-sizing: border-box;
  border: none;
  border-radius: 7px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewItemRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 4px;
  display: flex;
  position: relative;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewItemRow:not(:last-child):after {
  content: "";
  background: color-mix(in srgb, var(--mc-border) 60%, transparent);
  pointer-events: none;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 4px;
  right: 4px;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewItemLeft {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewItemIndex {
  color: var(--mc-muted);
  flex-shrink: 0;
  min-width: 20px;
  font-size: 11px;
  font-weight: 700;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewItemName {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.ReceiptReviewDrawer-module__d1s5rW__reviewItemAmount {
  color: var(--mc-text);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-align: right;
  flex-shrink: 0;
  font-size: 13.5px;
  font-weight: 750;
}

.ReceiptReviewDrawer-module__d1s5rW__editFormContainer {
  flex-direction: column;
  gap: 14px;
  width: 100%;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__editSectionGroup {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__editSectionLabel {
  color: var(--mc-muted);
  margin: 0;
  padding-left: 2px;
  font-size: 13px;
  font-weight: 700;
}

.ReceiptReviewDrawer-module__d1s5rW__typeSegmentBar {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border: none;
  border-radius: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
  margin-bottom: 12px;
  padding: 5px;
  display: grid;
}

.ReceiptReviewDrawer-module__d1s5rW__typeSegmentBtn {
  height: 38px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__typeSegmentBtn:hover {
  color: var(--mc-text);
  background: color-mix(in srgb, var(--mc-surface) 60%, transparent);
}

.ReceiptReviewDrawer-module__d1s5rW__typeSegmentBtnActive {
  background: var(--mc-primary);
  color: #fff;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.ReceiptReviewDrawer-module__d1s5rW__typeSegmentBtnActive:hover {
  background: var(--mc-primary);
  color: #fff;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualAccountCard {
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualAccountHalf {
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualAccountHalfRight {
  text-align: right;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualBadge {
  flex-shrink: 0;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualInfo {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualInfoRight {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 600;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualName {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
  font-weight: 750;
  overflow: hidden;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualNameDanger {
  color: var(--mc-danger, #ff453a);
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualDivider {
  background: color-mix(in srgb, var(--mc-surface) 80%, transparent);
  width: 28px;
  height: 28px;
  color: var(--mc-muted);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.ReceiptReviewDrawer-module__d1s5rW__transferDualPlaceholderBadge {
  background: color-mix(in srgb, var(--mc-surface) 80%, transparent);
  width: 32px;
  height: 32px;
  color: var(--mc-muted);
  border-radius: 10px;
  place-items: center;
  display: grid;
}

.ReceiptReviewDrawer-module__d1s5rW__bottomStickyBar {
  background: var(--mc-bg);
  padding: 12px 16px max(20px, calc(10px + env(safe-area-inset-bottom)));
  z-index: 20;
  box-shadow: none;
  border-top: none;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}

.ReceiptReviewDrawer-module__d1s5rW__retakeBtn {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  height: 48px;
  color: var(--mc-text);
  letter-spacing: -.01em;
  cursor: pointer;
  border-radius: 14px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__retakeBtn:hover {
  background: var(--mc-surface);
  border-color: var(--mc-text-soft);
}

.ReceiptReviewDrawer-module__d1s5rW__saveBtn {
  background: var(--mc-primary);
  color: #fff;
  letter-spacing: -.01em;
  cursor: pointer;
  height: 48px;
  box-shadow: none;
  border: none;
  border-radius: 14px;
  flex: 1.4;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__saveBtn:hover {
  opacity: .94;
  transform: translateY(-1px);
}

.ReceiptReviewDrawer-module__d1s5rW__saveBtn:disabled, .ReceiptReviewDrawer-module__d1s5rW__retakeBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.ReceiptReviewDrawer-module__d1s5rW__wheelPickerContainer {
  flex-direction: column;
  width: 100%;
  padding: 8px 0 4px;
  display: flex;
  position: relative;
}

.ReceiptReviewDrawer-module__d1s5rW__wheelMiddleVerticalLine {
  background: color-mix(in srgb, var(--mc-border) 80%, transparent);
  pointer-events: none;
  z-index: 1;
  width: 1px;
  position: absolute;
  top: 2px;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountsGrid {
  height: 320px;
  box-shadow: none;
  background: none;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin: 10px 0 0;
  padding: 0 10px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountCol {
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  z-index: 2;
  flex-direction: column;
  height: 320px;
  display: flex;
  position: relative;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 10%, #000 24%, #000 76%, rgba(0, 0, 0, .35) 90%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 10%, #000 24%, #000 76%, rgba(0, 0, 0, .35) 90%, rgba(0, 0, 0, 0) 100%);
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountCol::-webkit-scrollbar {
  display: none;
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountPad {
  flex-shrink: 0;
  width: 100%;
  height: 122px;
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountItem {
  box-sizing: border-box;
  scroll-snap-align: center;
  width: 100%;
  height: 76px;
  color: var(--mc-muted);
  opacity: .32;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  border: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 4px 6px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  transition: opacity .16s, transform .16s, color .16s;
  display: flex;
  overflow: hidden;
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountItemActive {
  opacity: 1;
  color: var(--mc-text);
  font-weight: 800;
  transform: scale(1.04);
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountItemDisabled {
  filter: grayscale();
  cursor: not-allowed;
  pointer-events: none;
  opacity: .12 !important;
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountNameText {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.2;
  overflow: hidden;
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountSwapBtn {
  background: var(--mc-card);
  border: 1px solid color-mix(in srgb, var(--mc-border) 80%, transparent);
  width: 36px;
  height: 36px;
  color: var(--mc-text);
  cursor: pointer;
  z-index: 3;
  border-radius: 50%;
  place-items: center;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1), background .15s;
  display: grid;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountSwapBtn:hover {
  background: var(--mc-primary);
  color: #fff;
  border-color: var(--mc-primary);
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountSwapBtn:active {
  transform: scale(.9)rotate(180deg);
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountHeaderRow {
  text-align: center;
  z-index: 2;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  margin-bottom: 2px;
  padding: 0 14px;
  display: grid;
  position: relative;
}

.ReceiptReviewDrawer-module__d1s5rW__wheelAccountHeaderLabel {
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 700;
}

.ReceiptReviewDrawer-module__d1s5rW__sheetInput {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  width: 100%;
  height: 48px;
  font: inherit;
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 14px;
  outline: none;
  margin-bottom: 4px;
  padding: 0 14px;
  font-size: 14px;
}

.ReceiptReviewDrawer-module__d1s5rW__sheetInput:focus {
  border-color: var(--mc-primary);
}

.ReceiptReviewDrawer-module__d1s5rW__sheetActions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: 100%;
  display: grid;
}

.ReceiptReviewDrawer-module__d1s5rW__sheetCancel {
  background: var(--mc-surface);
  height: 48px;
  color: var(--mc-text);
  cursor: pointer;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__sheetCancel:hover {
  background: color-mix(in srgb, var(--mc-surface) 80%, var(--mc-card));
}

.ReceiptReviewDrawer-module__d1s5rW__sheetSave {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.ReceiptReviewDrawer-module__d1s5rW__sheetSave:hover {
  opacity: .92;
}

/* [project]/src/components/add/SmartVoiceNoteDrawer.module.css [app-client] (css) */
.SmartVoiceNoteDrawer-module__Op0zea__container {
  flex-direction: column;
  gap: 14px;
  padding: 4px 0 20px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__headerSubtitle {
  color: var(--mc-muted, rgba(255, 255, 255, .45));
  text-align: center;
  margin-top: -6px;
  margin-bottom: 2px;
  font-size: 12.5px;
}

.SmartVoiceNoteDrawer-module__Op0zea__suggestionContainer {
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  margin-top: -4px;
  margin-bottom: -2px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__suggestionTextWrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 32px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__suggestionItalic {
  color: var(--mc-muted, rgba(255, 255, 255, .58));
  text-align: center;
  max-width: 95%;
  font-size: 12px;
  font-style: italic;
  font-weight: 550;
  line-height: 1.4;
  transition: opacity .28s, transform .28s, color .15s;
}

.SmartVoiceNoteDrawer-module__Op0zea__suggestionContainer:hover .SmartVoiceNoteDrawer-module__Op0zea__suggestionItalic {
  color: var(--mc-text, #fff);
}

.SmartVoiceNoteDrawer-module__Op0zea__fadeIn {
  opacity: 1;
  transform: translateY(0);
}

.SmartVoiceNoteDrawer-module__Op0zea__fadeOut {
  opacity: 0;
  transform: translateY(-4px);
}

.SmartVoiceNoteDrawer-module__Op0zea__textAreaWrap {
  width: 100%;
  position: relative;
}

.SmartVoiceNoteDrawer-module__Op0zea__textArea {
  background: var(--mc-card, rgba(255, 255, 255, .04));
  border: 1px dashed var(--mc-border, rgba(255, 255, 255, .1));
  width: 100%;
  min-height: 105px;
  max-height: 200px;
  color: var(--mc-text, #fff);
  resize: none;
  box-sizing: border-box;
  border-radius: 18px;
  outline: none;
  padding: 14px 16px;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.5;
  transition: border-color .2s, box-shadow .2s;
}

.SmartVoiceNoteDrawer-module__Op0zea__textArea:focus {
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .1));
  border-color: var(--mc-primary, #3b82f6);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, .2);
}

.SmartVoiceNoteDrawer-module__Op0zea__textArea::placeholder {
  color: var(--mc-muted, rgba(255, 255, 255, .35));
  text-align: center;
  font-size: 11px;
}

.SmartVoiceNoteDrawer-module__Op0zea__pillsRow {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: -4px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__pillBtn {
  color: var(--mc-text, #fff);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(59, 130, 246, .12);
  border: 1px solid rgba(59, 130, 246, .28);
  border-radius: 20px;
  align-items: center;
  gap: 5px;
  padding: 6px 13px;
  font-size: 12.5px;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__pillBtn:hover {
  background: rgba(59, 130, 246, .22);
  border-color: rgba(59, 130, 246, .45);
  transform: translateY(-1px);
}

.SmartVoiceNoteDrawer-module__Op0zea__pillBtn:active {
  transform: scale(.96);
}

.SmartVoiceNoteDrawer-module__Op0zea__centerActionArea {
  background: none;
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 160px;
  padding: 10px 10px 14px;
  display: flex;
  position: relative;
  overflow: visible;
}

.SmartVoiceNoteDrawer-module__Op0zea__idleSection, .SmartVoiceNoteDrawer-module__Op0zea__amendSection {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__micZone {
  touch-action: none;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  display: flex;
  position: relative;
}

.SmartVoiceNoteDrawer-module__Op0zea__horizontalRecordingBar {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 84px;
  display: flex;
  position: relative;
}

.SmartVoiceNoteDrawer-module__Op0zea__micButtonTrack {
  will-change: transform;
  place-items: center;
  display: grid;
  position: relative;
}

.SmartVoiceNoteDrawer-module__Op0zea__idleMicBtn {
  background: linear-gradient(135deg, var(--mc-primary, #3b82f6), #1d4ed8);
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: none;
  border: none;
  border-radius: 50%;
  place-items: center;
  width: 74px;
  height: 74px;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1), box-shadow .2s;
  display: grid;
  box-shadow: 0 4px 16px rgba(59, 130, 246, .3);
}

.SmartVoiceNoteDrawer-module__Op0zea__idleMicBtn:hover {
  transform: scale(1.04);
}

.SmartVoiceNoteDrawer-module__Op0zea__micBtnHolding {
  animation: 1.4s ease-in-out infinite alternate SmartVoiceNoteDrawer-module__Op0zea__micPulseGlow;
  transform: scale(1.12) !important;
  box-shadow: 0 0 0 8px rgba(59, 130, 246, .25), 0 0 0 16px rgba(59, 130, 246, .1) !important;
}

.SmartVoiceNoteDrawer-module__Op0zea__micBtnSliding {
  animation: none !important;
  transform: scale(1.08) !important;
  box-shadow: 0 4px 20px rgba(59, 130, 246, .4) !important;
}

@keyframes SmartVoiceNoteDrawer-module__Op0zea__micPulseGlow {
  0% {
    box-shadow: 0 0 0 6px rgba(59, 130, 246, .25), 0 0 0 12px rgba(59, 130, 246, .1);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(59, 130, 246, .35), 0 0 0 22px rgba(59, 130, 246, .15);
  }
}

.SmartVoiceNoteDrawer-module__Op0zea__topStatusSlot {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__recordingTopWrap {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__listeningText {
  color: var(--mc-text, #fff);
  letter-spacing: .1px;
  font-size: 13px;
  font-weight: 600;
}

.SmartVoiceNoteDrawer-module__Op0zea__idleLabel {
  color: var(--mc-text, #fff);
  letter-spacing: .1px;
  margin-top: 2px;
  font-size: 13.5px;
  font-weight: 600;
}

.SmartVoiceNoteDrawer-module__Op0zea__bottomStatusSlot {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  width: 100%;
  height: 48px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__idleSubLabel {
  color: var(--mc-muted, rgba(255, 255, 255, .45));
  text-align: center;
  font-size: 11px;
}

.SmartVoiceNoteDrawer-module__Op0zea__amendSubLabelWrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__amendExampleItalic {
  color: var(--mc-muted, rgba(255, 255, 255, .58));
  text-align: center;
  font-size: 10.5px;
  font-style: italic;
  font-weight: 500;
}

.SmartVoiceNoteDrawer-module__Op0zea__miniWaveRow {
  justify-content: center;
  align-items: center;
  gap: 3px;
  height: 18px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__slideCancelPrompt {
  color: var(--mc-muted, rgba(255, 255, 255, .55));
  pointer-events: none;
  white-space: nowrap;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 500;
  animation: .2s ease-out SmartVoiceNoteDrawer-module__Op0zea__slidePromptFadeIn;
  display: flex;
  position: absolute;
  right: calc(50% + 48px);
}

.SmartVoiceNoteDrawer-module__Op0zea__cancelActivePrompt {
  color: var(--mc-text, #fff);
  font-weight: 600;
}

@keyframes SmartVoiceNoteDrawer-module__Op0zea__slidePromptFadeIn {
  from {
    opacity: 0;
    transform: translateX(6px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.SmartVoiceNoteDrawer-module__Op0zea__slideChevron {
  color: var(--mc-muted, rgba(255, 255, 255, .55));
  animation: .9s ease-in-out infinite alternate SmartVoiceNoteDrawer-module__Op0zea__chevronSlide;
}

@keyframes SmartVoiceNoteDrawer-module__Op0zea__chevronSlide {
  0% {
    opacity: .5;
    transform: translateX(0);
  }

  100% {
    opacity: 1;
    transform: translateX(-4px);
  }
}

.SmartVoiceNoteDrawer-module__Op0zea__waveBar {
  background: var(--mc-primary, #3b82f6);
  border-radius: 2px;
  width: 3.5px;
  animation: 1.2s ease-in-out infinite alternate SmartVoiceNoteDrawer-module__Op0zea__wavePulse;
  box-shadow: 0 0 6px rgba(59, 130, 246, .5);
}

@keyframes SmartVoiceNoteDrawer-module__Op0zea__wavePulse {
  0% {
    opacity: .4;
    height: 6px;
  }

  50% {
    opacity: 1;
    height: 22px;
  }

  100% {
    opacity: .7;
    height: 10px;
  }
}

.SmartVoiceNoteDrawer-module__Op0zea__stopBtn {
  color: #fff;
  cursor: pointer;
  background: #ef4444;
  border: none;
  border-radius: 24px;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  transition: transform .15s, background .15s;
  display: inline-flex;
  box-shadow: 0 4px 14px rgba(239, 68, 68, .4);
}

.SmartVoiceNoteDrawer-module__Op0zea__stopBtn:hover {
  background: #dc2626;
  transform: scale(1.03);
}

.SmartVoiceNoteDrawer-module__Op0zea__stopBtn:active {
  transform: scale(.96);
}

.SmartVoiceNoteDrawer-module__Op0zea__releaseHint {
  color: var(--mc-muted, rgba(255, 255, 255, .45));
  margin-top: -4px;
  font-size: 11.5px;
}

.SmartVoiceNoteDrawer-module__Op0zea__amendSection {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__amendHint {
  color: var(--mc-text-subtle, rgba(255, 255, 255, .7));
  font-size: 13px;
  font-weight: 500;
}

.SmartVoiceNoteDrawer-module__Op0zea__amendSubHint {
  color: var(--mc-muted, rgba(255, 255, 255, .45));
  font-size: 11.5px;
}

.SmartVoiceNoteDrawer-module__Op0zea__amendMicBtn {
  border: 1.5px solid var(--mc-primary, #3b82f6);
  width: 58px;
  height: 58px;
  color: var(--mc-primary, #60a5fa);
  cursor: pointer;
  background: linear-gradient(135deg, rgba(59, 130, 246, .2), rgba(59, 130, 246, .08));
  border-radius: 50%;
  place-items: center;
  margin-top: 4px;
  transition: transform .2s, background .2s;
  display: grid;
}

.SmartVoiceNoteDrawer-module__Op0zea__amendMicBtn:hover {
  background: rgba(59, 130, 246, .3);
  transform: scale(1.05);
}

.SmartVoiceNoteDrawer-module__Op0zea__amendMicBtn:active {
  transform: scale(.95);
}

.SmartVoiceNoteDrawer-module__Op0zea__parsingIndicator {
  color: var(--mc-primary, #60a5fa);
  flex-direction: column;
  align-items: center;
  gap: 12px;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__parsingTextWrapper {
  justify-content: center;
  align-items: center;
  height: 22px;
  display: flex;
  overflow: hidden;
}

.SmartVoiceNoteDrawer-module__Op0zea__parsingText {
  white-space: nowrap;
  color: var(--mc-muted);
  font-size: 13.5px;
  font-weight: 500;
  display: inline-block;
}

.SmartVoiceNoteDrawer-module__Op0zea__spinner {
  animation: .9s linear infinite SmartVoiceNoteDrawer-module__Op0zea__spin;
}

@keyframes SmartVoiceNoteDrawer-module__Op0zea__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.SmartVoiceNoteDrawer-module__Op0zea__backgroundAnalyzeBtn {
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .12));
  color: var(--mc-text-subtle, rgba(255, 255, 255, .75));
  cursor: pointer;
  background: rgba(255, 255, 255, .06);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  padding: 6px 14px;
  font-size: 11.5px;
  font-weight: 500;
  transition: background .15s, transform .15s, color .15s;
  display: inline-flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__backgroundAnalyzeBtn:hover {
  color: var(--mc-text, #fff);
  background: rgba(255, 255, 255, .12);
  transform: translateY(-1px);
}

.SmartVoiceNoteDrawer-module__Op0zea__backgroundAnalyzeBtn:active {
  transform: scale(.97);
}

.SmartVoiceNoteDrawer-module__Op0zea__footer {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__clearBtn {
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .15));
  color: var(--mc-text-subtle, rgba(255, 255, 255, .6));
  cursor: pointer;
  background: none;
  border-radius: 14px;
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s;
}

.SmartVoiceNoteDrawer-module__Op0zea__clearBtn:hover {
  color: #fff;
  background: rgba(255, 255, 255, .06);
}

.SmartVoiceNoteDrawer-module__Op0zea__primaryBtn {
  background: var(--mc-primary, #3b82f6);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  font-size: 14.5px;
  font-weight: 600;
  transition: transform .15s, background .15s;
  display: inline-flex;
}

.SmartVoiceNoteDrawer-module__Op0zea__primaryBtn:hover:not(:disabled) {
  background: #2563eb;
  transform: translateY(-1px);
}

.SmartVoiceNoteDrawer-module__Op0zea__primaryBtn:disabled {
  opacity: .45;
  cursor: not-allowed;
  box-shadow: none;
}

/* [project]/src/components/voice/VoiceNoteReviewDrawer.module.css [app-client] (css) */
.VoiceNoteReviewDrawer-module__AkDvMa__overlay {
  z-index: 12000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both VoiceNoteReviewDrawer-module__AkDvMa__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes VoiceNoteReviewDrawer-module__AkDvMa__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.VoiceNoteReviewDrawer-module__AkDvMa__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  border-bottom: none;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.VoiceNoteReviewDrawer-module__AkDvMa__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.VoiceNoteReviewDrawer-module__AkDvMa__backBtn:active {
  opacity: .6;
  transform: scale(.94);
}

.VoiceNoteReviewDrawer-module__AkDvMa__setHeadTitle {
  letter-spacing: -.02em;
  text-align: center;
  color: var(--mc-text);
  font-size: 17px;
  font-weight: 700;
}

.VoiceNoteReviewDrawer-module__AkDvMa__setHeadGhost {
  width: 40px;
  height: 40px;
}

.VoiceNoteReviewDrawer-module__AkDvMa__content {
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  padding: 16px 16px 24px;
  display: flex;
  overflow-y: auto;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryHeroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  cursor: default;
  border-radius: 22px;
  padding: 18px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

.VoiceNoteReviewDrawer-module__AkDvMa__summarySplitRow {
  align-items: stretch;
  gap: 16px;
  width: 100%;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryLeftCol {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryMerchant {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  overflow: hidden;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryBigAmount {
  letter-spacing: -.03em;
  color: #ef4444;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 6px;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.1;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryBigAmount.VoiceNoteReviewDrawer-module__AkDvMa__income {
  color: #10b981;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryHeaderDate {
  color: var(--mc-text-subtle, rgba(255, 255, 255, .6));
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  overflow: hidden;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryReceiptCol {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 78px;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryReceiptThumb {
  border: 1px solid var(--mc-border);
  background: var(--mc-card-subtle, #1a1a1a);
  cursor: pointer;
  border-radius: 14px;
  width: 100%;
  height: 98px;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryReceiptImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryReceiptBadge {
  color: #fff;
  text-transform: uppercase;
  background: rgba(0, 0, 0, .7);
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 9px;
  font-weight: 600;
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryReceiptEmpty {
  border: 1.5px dashed var(--mc-border);
  background: var(--mc-card-subtle, rgba(255, 255, 255, .03));
  width: 100%;
  height: 98px;
  color: var(--mc-muted, rgba(255, 255, 255, .5));
  cursor: pointer;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px;
  transition: border-color .15s, color .15s;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryReceiptEmpty:hover {
  border-color: var(--mc-primary);
  color: var(--mc-primary);
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryReceiptEmptyLabel {
  font-size: 11px;
  font-weight: 600;
}

.VoiceNoteReviewDrawer-module__AkDvMa__transcriptCard {
  background: color-mix(in srgb, var(--mc-primary) 8%, var(--mc-card));
  border: 1px solid color-mix(in srgb, var(--mc-primary) 22%, transparent);
  box-shadow: var(--mc-shadow-card);
  border-radius: 18px;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__transcriptHeader {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  justify-content: space-between;
  align-items: center;
  font-size: 12.5px;
  font-weight: 700;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__transcriptHeaderLeft {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__highMatchBadge {
  color: var(--mc-primary);
  background: var(--mc-primary-soft);
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
}

.VoiceNoteReviewDrawer-module__AkDvMa__transcriptText {
  color: var(--mc-muted);
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__transcriptText svg {
  color: var(--mc-muted);
  flex-shrink: 0;
  margin-top: 1px;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewAlertBanner {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  border-radius: 16px;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewAlertBanner.VoiceNoteReviewDrawer-module__AkDvMa__info {
  color: #60a5fa;
  background: rgba(59, 130, 246, .1);
  border-color: rgba(59, 130, 246, .3);
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewAlertBanner.VoiceNoteReviewDrawer-module__AkDvMa__warning {
  color: #f59e0b;
  background: rgba(245, 158, 11, .1);
  border-color: rgba(245, 158, 11, .3);
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewAlertBanner.VoiceNoteReviewDrawer-module__AkDvMa__error {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
  border-color: rgba(239, 68, 68, .3);
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewAlertIcon {
  flex-shrink: 0;
  margin-top: 1px;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewAlertContent {
  flex: 1;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewAlertTitle {
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 600;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewAlertMessage {
  color: var(--mc-text-subtle, rgba(255, 255, 255, .7));
  font-size: 12.5px;
  line-height: 1.4;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewSectionGroup {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewCardHeaderRow {
  justify-content: space-between;
  align-items: center;
  padding: 0 4px;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewSectionLabel {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--mc-text-subtle, rgba(255, 255, 255, .5));
  font-size: 13px;
  font-weight: 700;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  border-radius: 20px;
  overflow: hidden;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewSummaryRow {
  border-bottom: 1px solid var(--mc-border-subtle, rgba(255, 255, 255, .05));
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  font-size: 14px;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewSummaryRow:last-child {
  border-bottom: none;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewSummaryLabel {
  color: var(--mc-text-subtle, rgba(255, 255, 255, .6));
  font-weight: 500;
}

.VoiceNoteReviewDrawer-module__AkDvMa__reviewSummaryValue {
  color: var(--mc-text, #fff);
  align-items: center;
  gap: 8px;
  font-weight: 600;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__summaryIconBadge {
  background: var(--mc-card-subtle, rgba(255, 255, 255, .08));
  width: 26px;
  height: 26px;
  color: var(--mc-text);
  border-radius: 8px;
  place-items: center;
  display: grid;
}

.VoiceNoteReviewDrawer-module__AkDvMa__bottomActionBar {
  background: var(--mc-bg);
  border-top: 1px solid var(--mc-border-subtle, rgba(255, 255, 255, .08));
  padding: 12px 16px calc(env(safe-area-inset-bottom, 16px)  + 12px);
  z-index: 20;
  gap: 12px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.VoiceNoteReviewDrawer-module__AkDvMa__secondaryBtn {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  cursor: pointer;
  border-radius: 16px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 14px;
  font-size: 14.5px;
  font-weight: 600;
  display: inline-flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__primarySaveBtn {
  background: var(--mc-primary, #3b82f6);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 16px;
  flex: 2;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px;
  font-size: 14.5px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 4px 14px rgba(59, 130, 246, .35);
}

.VoiceNoteReviewDrawer-module__AkDvMa__primarySaveBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.VoiceNoteReviewDrawer-module__AkDvMa__lineItemsList {
  flex-direction: column;
  gap: 8px;
  padding: 8px 0;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__lineItemRow {
  background: var(--mc-card-subtle, rgba(255, 255, 255, .04));
  border: 1px solid var(--mc-border);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  font-size: 13.5px;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__addItemInputRow {
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.VoiceNoteReviewDrawer-module__AkDvMa__textInput {
  background: var(--mc-card-subtle, rgba(255, 255, 255, .05));
  border: 1px solid var(--mc-border);
  color: #fff;
  border-radius: 12px;
  outline: none;
  flex: 1;
  padding: 10px 14px;
  font-size: 14px;
}

.VoiceNoteReviewDrawer-module__AkDvMa__textInput:focus {
  border-color: var(--mc-primary);
}

.VoiceNoteReviewDrawer-module__AkDvMa__addSmallBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 12px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 600;
}

/* [project]/src/components/receipt/LinkTransactionSheet.module.css [app-client] (css) */
.LinkTransactionSheet-module__gocHDq__container {
  flex-direction: column;
  gap: 12px;
  padding-bottom: 24px;
  display: flex;
}

.LinkTransactionSheet-module__gocHDq__searchBar {
  background: var(--mc-surface);
  box-sizing: border-box;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.LinkTransactionSheet-module__gocHDq__searchInput {
  color: var(--mc-text, #fff);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-family: inherit;
  font-size: 13px;
}

.LinkTransactionSheet-module__gocHDq__searchInput::placeholder {
  color: var(--mc-muted);
  font-weight: 500;
}

.LinkTransactionSheet-module__gocHDq__clearBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  place-items: center;
  padding: 2px;
  display: grid;
}

.LinkTransactionSheet-module__gocHDq__unlinkBtn {
  background: var(--mc-surface);
  color: #ef4444;
  cursor: pointer;
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  font-size: 12px;
  font-weight: 650;
  transition: opacity .15s;
  display: flex;
}

.LinkTransactionSheet-module__gocHDq__unlinkBtn:active {
  opacity: .7;
}

.LinkTransactionSheet-module__gocHDq__section {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.LinkTransactionSheet-module__gocHDq__sectionTitle {
  color: var(--mc-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 700;
}

.LinkTransactionSheet-module__gocHDq__txList {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.LinkTransactionSheet-module__gocHDq__txRow {
  background: var(--mc-card);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  border: none;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  transition: background .15s, transform .12s;
  display: flex;
}

.LinkTransactionSheet-module__gocHDq__txRow:hover {
  background: var(--mc-surface);
}

.LinkTransactionSheet-module__gocHDq__txRow:active {
  transform: scale(.98);
}

.LinkTransactionSheet-module__gocHDq__txRowLinked {
  border: 1px solid var(--mc-primary) !important;
  background: color-mix(in srgb, var(--mc-primary) 10%, transparent) !important;
}

.LinkTransactionSheet-module__gocHDq__txInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.LinkTransactionSheet-module__gocHDq__txMerchant {
  color: var(--mc-text, #fff);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 700;
  overflow: hidden;
}

.LinkTransactionSheet-module__gocHDq__txMeta {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10.5px;
  font-weight: 500;
  overflow: hidden;
}

.LinkTransactionSheet-module__gocHDq__txAmountCol {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 2px;
  margin-left: 10px;
  display: flex;
}

.LinkTransactionSheet-module__gocHDq__txAmount {
  color: var(--mc-text, #fff);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 750;
}

.LinkTransactionSheet-module__gocHDq__linkedBadge {
  color: var(--mc-primary);
  align-items: center;
  gap: 3px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.LinkTransactionSheet-module__gocHDq__emptyPrompt {
  text-align: center;
  color: var(--mc-muted);
  padding: 24px 12px;
  font-size: 12px;
  font-weight: 500;
}

/* [project]/src/components/receipt/AddFolderSheet.module.css [app-client] (css) */
.AddFolderSheet-module__n8ysyG__container {
  flex-direction: column;
  gap: 12px;
  padding-bottom: 24px;
  display: flex;
}

.AddFolderSheet-module__n8ysyG__newFolderTrigger {
  background: var(--mc-surface);
  color: var(--mc-text);
  cursor: pointer;
  border: none;
  border-radius: 16px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 650;
  transition: background .15s;
  display: flex;
}

.AddFolderSheet-module__n8ysyG__newFolderTrigger:hover {
  background: var(--mc-card);
}

.AddFolderSheet-module__n8ysyG__plusIconWrap {
  place-items: center;
  display: grid;
}

.AddFolderSheet-module__n8ysyG__newFolderForm {
  background: var(--mc-surface);
  border-radius: 14px;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  display: flex;
}

.AddFolderSheet-module__n8ysyG__newFolderInput {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  color: var(--mc-text, #fff);
  border-radius: 10px;
  outline: none;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
}

.AddFolderSheet-module__n8ysyG__newFolderInput:focus {
  border-color: var(--mc-primary);
}

.AddFolderSheet-module__n8ysyG__formActions {
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.AddFolderSheet-module__n8ysyG__cancelBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
}

.AddFolderSheet-module__n8ysyG__submitBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 650;
}

.AddFolderSheet-module__n8ysyG__submitBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.AddFolderSheet-module__n8ysyG__folderList {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.AddFolderSheet-module__n8ysyG__folderRow {
  background: var(--mc-card);
  cursor: pointer;
  text-align: left;
  border: none;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 14px;
  transition: background .15s, transform .12s;
  display: flex;
}

.AddFolderSheet-module__n8ysyG__folderRow:hover {
  background: var(--mc-surface);
}

.AddFolderSheet-module__n8ysyG__folderRow:active {
  transform: scale(.98);
}

.AddFolderSheet-module__n8ysyG__folderRowActive {
  border: 1px solid var(--mc-primary) !important;
  background: color-mix(in srgb, var(--mc-primary) 10%, transparent) !important;
}

.AddFolderSheet-module__n8ysyG__folderLeft {
  align-items: center;
  gap: 12px;
  display: flex;
}

.AddFolderSheet-module__n8ysyG__folderIcon {
  color: var(--mc-primary);
  place-items: center;
  display: grid;
}

.AddFolderSheet-module__n8ysyG__folderInfo {
  flex-direction: column;
  gap: 1px;
  display: flex;
}

.AddFolderSheet-module__n8ysyG__folderName {
  color: var(--mc-text, #fff);
  font-size: 13px;
  font-weight: 700;
}

.AddFolderSheet-module__n8ysyG__folderCount {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 500;
}

.AddFolderSheet-module__n8ysyG__checkIcon {
  color: var(--mc-primary);
  place-items: center;
  display: grid;
}

.AddFolderSheet-module__n8ysyG__removeFolderRow {
  border: 1px solid var(--mc-border);
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.AddFolderSheet-module__n8ysyG__removeFolderRow:hover {
  color: #ef4444;
  border-color: #ef4444;
}

/* [project]/src/components/receipt/CloudBackupModal.module.css [app-client] (css) */
.CloudBackupModal-module__6rZ2Tq__backdrop {
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .75);
  justify-content: center;
  align-items: center;
  padding: 16px;
  animation: .2s ease-out CloudBackupModal-module__6rZ2Tq__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.CloudBackupModal-module__6rZ2Tq__modal {
  background: var(--mc-card, #12151e);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .12));
  border-radius: 20px;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 400px;
  padding: 24px;
  animation: .24s cubic-bezier(.16, 1, .3, 1) CloudBackupModal-module__6rZ2Tq__modalSlideUp;
  display: flex;
  position: relative;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .6);
}

.CloudBackupModal-module__6rZ2Tq__closeBtn {
  width: 32px;
  height: 32px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  place-items: center;
  transition: all .15s;
  display: grid;
  position: absolute;
  top: 16px;
  right: 16px;
}

.CloudBackupModal-module__6rZ2Tq__closeBtn:hover {
  color: #fff;
  background: none;
}

.CloudBackupModal-module__6rZ2Tq__header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
}

.CloudBackupModal-module__6rZ2Tq__iconWrap {
  width: 56px;
  height: 56px;
  color: var(--mc-primary);
  border-radius: 16px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.CloudBackupModal-module__6rZ2Tq__title {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 18px;
  font-weight: 750;
}

.CloudBackupModal-module__6rZ2Tq__subtitle {
  color: var(--mc-muted);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.CloudBackupModal-module__6rZ2Tq__benefitList {
  background: var(--mc-surface, rgba(255, 255, 255, .04));
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 14px;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.CloudBackupModal-module__6rZ2Tq__benefitItem {
  color: var(--mc-text, #fff);
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
}

.CloudBackupModal-module__6rZ2Tq__benefitIcon {
  color: var(--mc-muted);
  flex-shrink: 0;
  margin-top: 1px;
}

.CloudBackupModal-module__6rZ2Tq__statusCard {
  background: var(--mc-surface, rgba(255, 255, 255, .04));
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  display: flex;
}

.CloudBackupModal-module__6rZ2Tq__statusRow {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.CloudBackupModal-module__6rZ2Tq__statusEmail {
  color: var(--mc-text, #fff);
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 650;
  display: flex;
}

.CloudBackupModal-module__6rZ2Tq__statusDot {
  background: #10b981;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 8px #10b981;
}

.CloudBackupModal-module__6rZ2Tq__statGrid {
  border-top: 1px solid rgba(255, 255, 255, .06);
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding-top: 6px;
  display: grid;
}

.CloudBackupModal-module__6rZ2Tq__statBox {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.CloudBackupModal-module__6rZ2Tq__statLabel {
  color: var(--mc-muted);
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 600;
}

.CloudBackupModal-module__6rZ2Tq__statVal {
  color: var(--mc-text, #fff);
  font-size: 14px;
  font-weight: 750;
}

.CloudBackupModal-module__6rZ2Tq__actions {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.CloudBackupModal-module__6rZ2Tq__primaryBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  font-size: 13.5px;
  font-weight: 700;
  transition: all .16s;
  display: flex;
}

.CloudBackupModal-module__6rZ2Tq__primaryBtn:hover {
  opacity: .9;
}

.CloudBackupModal-module__6rZ2Tq__primaryBtn:active {
  transform: scale(.98);
}

.CloudBackupModal-module__6rZ2Tq__primaryBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.CloudBackupModal-module__6rZ2Tq__disconnectBtn {
  color: var(--mc-muted);
  cursor: pointer;
  text-align: center;
  background: none;
  border: none;
  padding: 6px;
  font-size: 12px;
  font-weight: 600;
  transition: color .15s;
}

.CloudBackupModal-module__6rZ2Tq__disconnectBtn:hover {
  color: #ef4444;
}

@keyframes CloudBackupModal-module__6rZ2Tq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes CloudBackupModal-module__6rZ2Tq__modalSlideUp {
  from {
    opacity: 0;
    transform: translateY(16px)scale(.97);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

/* [project]/src/components/receipt/ReceiptDetailModal.module.css [app-client] (css) */
.ReceiptDetailModal-module__m31_hq__backdrop {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #000;
  flex-direction: column;
  animation: .2s ease-out ReceiptDetailModal-module__m31_hq__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ReceiptDetailModal-module__m31_hq__topBar {
  height: calc(env(safe-area-inset-top, 20px)  + 52px);
  padding: env(safe-area-inset-top, 20px) 16px 0;
  z-index: 20;
  background: linear-gradient(rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, 0) 100%);
  justify-content: space-between;
  align-items: center;
  transition: opacity .22s, transform .22s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.ReceiptDetailModal-module__m31_hq__topBarHidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
}

.ReceiptDetailModal-module__m31_hq__iconBtn {
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  place-items: center;
  width: 38px;
  height: 38px;
  transition: background .15s, transform .12s;
  display: grid;
}

.ReceiptDetailModal-module__m31_hq__iconBtn:active {
  background: rgba(255, 255, 255, .18);
  transform: scale(.92);
}

.ReceiptDetailModal-module__m31_hq__viewport {
  touch-action: none;
  cursor: default;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ReceiptDetailModal-module__m31_hq__viewportDraggable {
  cursor: grab;
}

.ReceiptDetailModal-module__m31_hq__viewportDragging {
  cursor: grabbing;
}

.ReceiptDetailModal-module__m31_hq__imageWrap {
  will-change: transform;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform .32s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.ReceiptDetailModal-module__m31_hq__imageWrapShifted {
  transform: translateY(-85px);
}

.ReceiptDetailModal-module__m31_hq__receiptImg {
  object-fit: contain;
  will-change: transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-user-drag: none;
  max-width: 95vw;
  max-height: 80vh;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .85);
}

.ReceiptDetailModal-module__m31_hq__bottomOverlay {
  padding: 80px 20px calc(env(safe-area-inset-bottom, 16px)  + 16px);
  z-index: 20;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .85) 45%, rgba(0, 0, 0, .45) 80%, rgba(0, 0, 0, 0) 100%);
  flex-direction: column;
  gap: 14px;
  transition: opacity .22s, transform .22s;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ReceiptDetailModal-module__m31_hq__bottomOverlayHidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(14px);
}

.ReceiptDetailModal-module__m31_hq__itemizedCollapseWrap {
  opacity: 0;
  pointer-events: none;
  grid-template-rows: 0fr;
  transition: grid-template-rows .32s cubic-bezier(.16, 1, .3, 1), opacity .26s;
  display: grid;
}

.ReceiptDetailModal-module__m31_hq__itemizedCollapseWrapOpen {
  opacity: 1;
  pointer-events: auto;
  grid-template-rows: 1fr;
}

.ReceiptDetailModal-module__m31_hq__itemizedCollapseInner {
  min-height: 0;
  overflow: hidden;
}

.ReceiptDetailModal-module__m31_hq__itemizedBox {
  pointer-events: auto;
  -webkit-backdrop-filter: none;
  max-height: 200px;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  flex-direction: column;
  gap: 0;
  margin-top: 6px;
  padding: 4px 0;
  display: flex;
  overflow-y: auto;
}

.ReceiptDetailModal-module__m31_hq__itemizedList {
  flex-direction: column;
  display: flex;
}

.ReceiptDetailModal-module__m31_hq__itemizedRow {
  border-bottom: 1px solid var(--mc-divider, rgba(255, 255, 255, .09));
  color: var(--mc-text, #fff);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
  font-size: 13px;
  display: flex;
}

.ReceiptDetailModal-module__m31_hq__itemizedRow:last-child {
  border-bottom: none;
}

.ReceiptDetailModal-module__m31_hq__itemName {
  color: var(--mc-text, #fff);
  word-break: break-word;
  flex: 1;
  font-size: 12.5px;
  font-weight: 550;
  line-height: 1.35;
}

.ReceiptDetailModal-module__m31_hq__itemPrice {
  color: var(--mc-text, #fff);
  white-space: nowrap;
  text-align: right;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  font-size: 12.5px;
  font-weight: 750;
}

.ReceiptDetailModal-module__m31_hq__detailsContent {
  pointer-events: auto;
  flex-direction: column;
  gap: 5px;
  padding: 0 4px;
  display: flex;
}

.ReceiptDetailModal-module__m31_hq__detailTitleRow {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.ReceiptDetailModal-module__m31_hq__detailMerchant {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  font-size: 15px;
  font-weight: 750;
  overflow: hidden;
}

.ReceiptDetailModal-module__m31_hq__detailAmount {
  letter-spacing: -.01em;
  color: var(--mc-text, #fff);
  white-space: nowrap;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 800;
}

.ReceiptDetailModal-module__m31_hq__detailMetaRow {
  width: 100%;
  color: var(--mc-muted, rgba(255, 255, 255, .6));
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.ReceiptDetailModal-module__m31_hq__detailMetaLeft {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.ReceiptDetailModal-module__m31_hq__metaPartWrap {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.ReceiptDetailModal-module__m31_hq__metaPart {
  white-space: nowrap;
  font-weight: 650;
}

.ReceiptDetailModal-module__m31_hq__metaDot {
  color: rgba(255, 255, 255, .35);
  font-weight: 700;
}

.ReceiptDetailModal-module__m31_hq__itemsChipBtn {
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  cursor: pointer;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 650;
  transition: background .15s, transform .12s;
  display: inline-flex;
}

.ReceiptDetailModal-module__m31_hq__itemsChipBtn:active {
  background: rgba(255, 255, 255, .2);
  transform: scale(.94);
}

.ReceiptDetailModal-module__m31_hq__bottomPillRow {
  justify-content: center;
  margin-top: 2px;
  display: flex;
}

.ReceiptDetailModal-module__m31_hq__bottomPill {
  pointer-events: auto;
  -webkit-backdrop-filter: blur(20px);
  background: rgba(18, 22, 34, .92);
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  max-width: calc(100vw - 32px);
  padding: 6px 16px;
  display: flex;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .6);
}

.ReceiptDetailModal-module__m31_hq__pillActionBtn {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  min-width: 50px;
  padding: 6px 10px;
  transition: opacity .14s, transform .12s;
  display: flex;
}

.ReceiptDetailModal-module__m31_hq__pillActionBtn:active {
  transform: scale(.92);
}

.ReceiptDetailModal-module__m31_hq__pillActionBtn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.ReceiptDetailModal-module__m31_hq__pillBtnLabel {
  color: rgba(255, 255, 255, .85);
  letter-spacing: .02em;
  white-space: nowrap;
  font-size: 9.5px;
  font-weight: 650;
}

@keyframes ReceiptDetailModal-module__m31_hq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ReceiptDetailModal-module__m31_hq__slideUpFade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/src/components/screens/ExpenseDetail.module.css [app-client] (css) */
.ExpenseDetail-module__xFhdrq__summaryContainer {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__inlineEditFormContainer {
  flex-direction: column;
  gap: 14px;
  width: 100%;
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards ExpenseDetail-module__xFhdrq__expandFormIn;
  display: flex;
}

@keyframes ExpenseDetail-module__xFhdrq__expandFormIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ExpenseDetail-module__xFhdrq__summaryHeroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  cursor: default;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  transition: all .28s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

.ExpenseDetail-module__xFhdrq__summarySplitRow {
  justify-content: space-between;
  align-items: stretch;
  gap: 14px;
  width: 100%;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryLeftCol {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryMerchant {
  letter-spacing: -.01em;
  color: var(--mc-text-soft, rgba(255, 255, 255, .75));
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 750;
  line-height: 1.2;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__summaryBigAmount {
  letter-spacing: -.04em;
  color: var(--mc-text);
  margin: 0;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.1;
}

.ExpenseDetail-module__xFhdrq__summaryBigAmount.ExpenseDetail-module__xFhdrq__income {
  color: var(--mc-income);
}

.ExpenseDetail-module__xFhdrq__summaryHeaderDate {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.2;
}

.ExpenseDetail-module__xFhdrq__summaryReceiptCol {
  flex-shrink: 0;
  align-items: stretch;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryReceiptThumb {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  cursor: pointer;
  border-radius: 16px;
  width: 80px;
  height: 100px;
  padding: 0;
  transition: transform .18s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
}

.ExpenseDetail-module__xFhdrq__summaryReceiptThumb:active {
  transform: scale(.96);
}

.ExpenseDetail-module__xFhdrq__summaryReceiptImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ExpenseDetail-module__xFhdrq__summaryReceiptBadge {
  color: #fff;
  text-align: center;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: rgba(0, 0, 0, .75);
  border-radius: 6px;
  padding: 3px 0;
  font-size: 9.5px;
  font-weight: 750;
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
}

.ExpenseDetail-module__xFhdrq__summaryReceiptEmpty {
  border: 1px dashed var(--mc-border);
  background: var(--mc-surface);
  width: 80px;
  height: 100px;
  color: var(--mc-muted);
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  transition: all .15s;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryReceiptEmpty:hover {
  border-color: var(--mc-primary);
  color: var(--mc-primary);
  background: var(--mc-primary-soft);
}

.ExpenseDetail-module__xFhdrq__summaryReceiptEmptyLabel {
  font-size: 11px;
  font-weight: 700;
}

.ExpenseDetail-module__xFhdrq__summaryBelowDivider {
  border-top: 1px solid var(--mc-divider);
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 2px;
  padding-top: 13px;
  animation: .24s cubic-bezier(.16, 1, .3, 1) forwards ExpenseDetail-module__xFhdrq__expandFormIn;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryTransferRouteRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryColsRow {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryColItem {
  text-align: center;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryColLabel {
  color: var(--mc-muted);
  text-align: center;
  width: 100%;
  font-size: 11px;
  font-weight: 600;
}

.ExpenseDetail-module__xFhdrq__summaryColValue {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  font-size: 13px;
  font-weight: 750;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__summaryDateTimeCol {
  text-align: right;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 2px;
  margin-left: auto;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryDateText {
  color: var(--mc-muted);
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 600;
}

.ExpenseDetail-module__xFhdrq__summaryTimeText {
  color: var(--mc-muted);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
}

.ExpenseDetail-module__xFhdrq__summaryNoteRow {
  color: var(--mc-muted);
  text-align: left;
  word-break: break-word;
  padding-top: 2px;
  font-size: 12px;
  line-height: 1.4;
}

.ExpenseDetail-module__xFhdrq__summaryNotePrefix {
  color: var(--mc-text-soft);
  font-weight: 700;
}

.ExpenseDetail-module__xFhdrq__summaryNoteText {
  color: var(--mc-muted);
  font-weight: 550;
}

.ExpenseDetail-module__xFhdrq__summaryActionsGroup {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryUtilityRow {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: 100%;
  display: grid;
}

.ExpenseDetail-module__xFhdrq__summaryUtilityPill {
  background: var(--mc-card);
  min-height: 52px;
  color: var(--mc-text);
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  border: none;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 8px 10px;
  font-family: inherit;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryUtilityTitleRow {
  color: var(--mc-text);
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 750;
  display: inline-flex;
}

.ExpenseDetail-module__xFhdrq__summaryUtilitySub {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__summaryUtilityPill:hover {
  background: color-mix(in srgb, var(--mc-surface) 60%, var(--mc-card));
  color: var(--mc-text);
  border-color: color-mix(in srgb, var(--mc-primary) 50%, transparent);
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
}

.ExpenseDetail-module__xFhdrq__summaryUtilityPill:active {
  background: color-mix(in srgb, var(--mc-surface) 85%, var(--mc-card));
  border-color: var(--mc-primary);
  transform: translateY(0)scale(.98);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.ExpenseDetail-module__xFhdrq__summaryUtilityPillActive {
  background: color-mix(in srgb, var(--mc-primary) 14%, var(--mc-card));
  color: var(--mc-text);
  border: 1px solid rgba(0, 0, 0, 0);
  transform: none;
}

.ExpenseDetail-module__xFhdrq__summaryUtilityPillActive:hover {
  background: color-mix(in srgb, var(--mc-primary) 14%, var(--mc-card));
  color: var(--mc-text);
  box-shadow: none;
  cursor: default;
  border: 1px solid rgba(0, 0, 0, 0);
  transform: none;
}

.ExpenseDetail-module__xFhdrq__summaryUtilityPillActive:active {
  background: color-mix(in srgb, var(--mc-primary) 14%, var(--mc-card));
  color: var(--mc-text);
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0);
  transform: none;
}

.ExpenseDetail-module__xFhdrq__summaryEditHeroBtn {
  background: var(--mc-surface);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  cursor: pointer;
  width: 100%;
  color: var(--mc-text);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 12px 20px;
  font-family: inherit;
  transition: all .15s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.ExpenseDetail-module__xFhdrq__summaryEditHeroBtn:hover {
  background: color-mix(in srgb, var(--mc-surface) 80%, var(--mc-card));
  border-color: color-mix(in srgb, var(--mc-border) 90%, transparent);
}

.ExpenseDetail-module__xFhdrq__summaryEditHeroBtn:active {
  opacity: .85;
  transform: scale(.99);
}

.ExpenseDetail-module__xFhdrq__summaryEditIcon {
  color: var(--mc-muted);
  flex-shrink: 0;
  transition: color .15s;
}

.ExpenseDetail-module__xFhdrq__summaryEditHeroBtn:hover .ExpenseDetail-module__xFhdrq__summaryEditIcon {
  color: var(--mc-text);
}

.ExpenseDetail-module__xFhdrq__summaryEditCardTitle {
  color: var(--mc-text);
  letter-spacing: -.01em;
  font-size: 13.5px;
  font-weight: 750;
}

.ExpenseDetail-module__xFhdrq__detailHero {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 24px;
  gap: 12px;
  margin-bottom: 14px;
  padding: 16px 14px 18px;
  display: grid;
  position: relative;
}

.ExpenseDetail-module__xFhdrq__detailHeroTop {
  align-items: center;
  gap: 14px;
  padding-right: 40px;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__detailIcon {
  background: var(--mc-primary-soft);
  width: 54px;
  height: 54px;
  color: var(--mc-icon-accent);
  border-radius: 19px;
  flex: none;
  place-items: center;
  display: grid;
}

.ExpenseDetail-module__xFhdrq__detailHeroText {
  flex: 1;
  min-width: 0;
}

.ExpenseDetail-module__xFhdrq__detailName {
  color: var(--mc-text);
  letter-spacing: -.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 800;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__detailSub {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__detailAmount {
  text-align: center;
  letter-spacing: -.04em;
  color: var(--mc-text);
  border-top: 1px dashed var(--mc-divider);
  padding-top: 14px;
  font-size: 42px;
  font-weight: 800;
}

.ExpenseDetail-module__xFhdrq__detailAmount.ExpenseDetail-module__xFhdrq__income, .ExpenseDetail-module__xFhdrq__income {
  color: var(--mc-income);
}

.ExpenseDetail-module__xFhdrq__setGroup {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 19px;
  padding: 3px 16px;
}

.ExpenseDetail-module__xFhdrq__detailRow {
  border-bottom: 1px solid var(--mc-divider);
  cursor: pointer;
  text-align: left;
  width: 100%;
  color: inherit;
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 15px 0;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__detailRow:last-child {
  border-bottom: 0;
}

.ExpenseDetail-module__xFhdrq__detailLabel {
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 700;
}

.ExpenseDetail-module__xFhdrq__detailValue {
  text-align: right;
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__detailActions {
  gap: var(--mc-drawer-foot-gap);
  grid-template-columns: 1fr 1.4fr;
  display: grid;
}

.ExpenseDetail-module__xFhdrq__detailDelete {
  min-height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: color-mix(in srgb, var(--mc-danger) 16%, transparent);
  color: var(--mc-danger);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  border: none;
}

.ExpenseDetail-module__xFhdrq__detailDone {
  min-height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-primary);
  color: #fff;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  border: 0;
  transition: opacity .15s, background .15s;
}

.ExpenseDetail-module__xFhdrq__detailDone:disabled {
  opacity: .45;
  cursor: not-allowed;
  transform: none;
}

.ExpenseDetail-module__xFhdrq__bookmarkBtn {
  background: var(--mc-surface);
  width: 34px;
  height: 34px;
  color: var(--mc-muted);
  cursor: pointer;
  border: 0;
  border-radius: 11px;
  place-items: center;
  transition: color .15s;
  display: grid;
  position: absolute;
  top: 10px;
  right: 10px;
}

.ExpenseDetail-module__xFhdrq__bookmarkBtn:hover {
  color: var(--mc-icon-accent);
}

.ExpenseDetail-module__xFhdrq__bookmarkBtn:active {
  transform: scale(.92);
}

.ExpenseDetail-module__xFhdrq__bookmarkBtn.ExpenseDetail-module__xFhdrq__bookmarkOn {
  color: var(--mc-icon-accent);
  background: var(--mc-primary-soft);
  cursor: default;
}

.ExpenseDetail-module__xFhdrq__bookmarkBtn.ExpenseDetail-module__xFhdrq__bookmarkOn:active {
  transform: none;
}

.ExpenseDetail-module__xFhdrq__sheetInput {
  width: 100%;
  height: var(--mc-drawer-btn-height);
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-surface);
  font: inherit;
  color: var(--mc-text);
  outline: none;
  margin-bottom: 4px;
  padding: 0 14px;
  font-size: 14px;
}

.ExpenseDetail-module__xFhdrq__sheetActions {
  gap: var(--mc-drawer-foot-gap);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.ExpenseDetail-module__xFhdrq__sheetActions:has(.ExpenseDetail-module__xFhdrq__sheetCancel:only-child) {
  grid-template-columns: 1fr;
}

.ExpenseDetail-module__xFhdrq__sheetCancel {
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-surface);
  color: var(--mc-text);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  border: 0;
}

.ExpenseDetail-module__xFhdrq__sheetSave {
  height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-primary);
  color: #fff;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  border: 0;
}

.ExpenseDetail-module__xFhdrq__sheetSave:disabled {
  opacity: .5;
  cursor: default;
}

.ExpenseDetail-module__xFhdrq__sheetDanger {
  height: var(--mc-drawer-btn-height);
  border: 1px solid color-mix(in srgb, var(--mc-danger) 25%, transparent);
  border-radius: var(--mc-drawer-btn-radius);
  background: color-mix(in srgb, var(--mc-danger) 16%, transparent);
  color: var(--mc-danger);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
}

.ExpenseDetail-module__xFhdrq__pickerList {
  scrollbar-width: none;
  max-height: 50vh;
  overflow-y: auto;
}

.ExpenseDetail-module__xFhdrq__pickerList::-webkit-scrollbar {
  display: none;
}

.ExpenseDetail-module__xFhdrq__pickerRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  cursor: pointer;
  text-align: left;
  width: 100%;
  font: inherit;
  background: none;
  align-items: center;
  gap: 12px;
  padding: 13px 2px;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__pickerRow:last-child {
  border-bottom: 0;
}

.ExpenseDetail-module__xFhdrq__pickerIcon {
  background: var(--mc-primary-soft);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex: none;
  place-items: center;
  display: grid;
}

.ExpenseDetail-module__xFhdrq__pickerLabel {
  min-width: 0;
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__pickerSub {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
}

.ExpenseDetail-module__xFhdrq__pickerCheck {
  color: var(--mc-icon-accent);
  flex: none;
  font-size: 16px;
  font-weight: 900;
}

.ExpenseDetail-module__xFhdrq__receiptPreview {
  background: var(--mc-surface);
  border-radius: 18px;
  place-items: center;
  max-height: 320px;
  display: grid;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__receiptPreview img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 320px;
  display: block;
}

.ExpenseDetail-module__xFhdrq__receiptEmpty {
  background: var(--mc-surface);
  color: var(--mc-muted);
  text-align: center;
  border-radius: 16px;
  padding: 18px 14px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.5;
}

.ExpenseDetail-module__xFhdrq__receiptErr {
  color: var(--mc-danger);
  text-align: center;
  margin-top: 8px;
  font-size: 12.5px;
  font-weight: 700;
}

.ExpenseDetail-module__xFhdrq__receiptActions {
  gap: var(--mc-drawer-foot-gap);
  grid-template-columns: 1fr 1fr;
  margin-top: 14px;
  display: grid;
}

.ExpenseDetail-module__xFhdrq__receiptAction {
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  color: var(--mc-icon-accent);
  cursor: pointer;
  border: 0;
  justify-items: center;
  gap: 8px;
  padding: 16px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 800;
  display: grid;
}

.ExpenseDetail-module__xFhdrq__receiptAction span {
  color: var(--mc-text);
}

.ExpenseDetail-module__xFhdrq__receiptAction:disabled {
  opacity: .5;
  cursor: default;
}

.ExpenseDetail-module__xFhdrq__editSectionGroup {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__editSectionLabel {
  color: var(--mc-muted);
  margin: 0;
  padding-left: 2px;
  font-size: 13px;
  font-weight: 700;
}

.ExpenseDetail-module__xFhdrq__typeSegmentBar {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border: none;
  border-radius: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
  margin-bottom: 12px;
  padding: 5px;
  display: grid;
}

.ExpenseDetail-module__xFhdrq__typeSegmentBtn {
  height: 38px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.ExpenseDetail-module__xFhdrq__typeSegmentBtn:hover {
  color: var(--mc-text);
  background: color-mix(in srgb, var(--mc-surface) 60%, transparent);
}

.ExpenseDetail-module__xFhdrq__typeSegmentBtnActive {
  background: var(--mc-primary);
  color: #fff;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.ExpenseDetail-module__xFhdrq__typeSegmentBtnActive:hover {
  background: var(--mc-primary);
  color: #fff;
}

.ExpenseDetail-module__xFhdrq__transferDualAccountCard {
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  transition: background .15s;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__transferDualAccountCard:hover {
  background: color-mix(in srgb, var(--mc-surface) 65%, transparent);
}

.ExpenseDetail-module__xFhdrq__transferDualAccountCard:active {
  background: color-mix(in srgb, var(--mc-surface) 85%, transparent);
}

.ExpenseDetail-module__xFhdrq__transferDualAccountHalf {
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__transferDualAccountHalfRight {
  text-align: right;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__transferDualBadge {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__transferDualPlaceholderBadge {
  background: color-mix(in srgb, var(--mc-muted) 16%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  width: 32px;
  height: 32px;
  color: var(--mc-muted);
  border-radius: 10px;
  place-items: center;
  display: grid;
}

.ExpenseDetail-module__xFhdrq__transferDualInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__transferDualInfoRight {
  text-align: right;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ExpenseDetail-module__xFhdrq__wheelPickerContainer {
  flex-direction: column;
  width: 100%;
  padding: 8px 0 4px;
  display: flex;
  position: relative;
}

.ExpenseDetail-module__xFhdrq__wheelMiddleVerticalLine {
  background: color-mix(in srgb, var(--mc-border) 80%, transparent);
  pointer-events: none;
  z-index: 1;
  width: 1px;
  position: absolute;
  top: 2px;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.ExpenseDetail-module__xFhdrq__wheelAccountsGrid {
  height: 320px;
  box-shadow: none;
  background: none;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin: 10px 0 0;
  padding: 0 10px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__wheelAccountCol {
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  z-index: 2;
  flex-direction: column;
  height: 320px;
  display: flex;
  position: relative;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 10%, #000 24%, #000 76%, rgba(0, 0, 0, .35) 90%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 10%, #000 24%, #000 76%, rgba(0, 0, 0, .35) 90%, rgba(0, 0, 0, 0) 100%);
}

.ExpenseDetail-module__xFhdrq__wheelAccountCol::-webkit-scrollbar {
  display: none;
}

.ExpenseDetail-module__xFhdrq__wheelAccountPad {
  flex-shrink: 0;
  width: 100%;
  height: 122px;
}

.ExpenseDetail-module__xFhdrq__wheelAccountItem {
  box-sizing: border-box;
  scroll-snap-align: center;
  width: 100%;
  height: 76px;
  color: var(--mc-muted);
  opacity: .32;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  border: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 4px 6px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  transition: opacity .16s, transform .16s, color .16s;
  display: flex;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__wheelAccountItemActive {
  opacity: 1;
  color: var(--mc-text);
  font-weight: 800;
  transform: scale(1.04);
}

.ExpenseDetail-module__xFhdrq__wheelAccountItemDisabled {
  filter: grayscale();
  cursor: not-allowed;
  pointer-events: none;
  opacity: .12 !important;
}

.ExpenseDetail-module__xFhdrq__wheelAccountNameText {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.2;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__wheelAccountSwapBtn {
  background: var(--mc-card);
  border: 1px solid color-mix(in srgb, var(--mc-border) 80%, transparent);
  width: 36px;
  height: 36px;
  color: var(--mc-text);
  cursor: pointer;
  z-index: 3;
  border-radius: 50%;
  place-items: center;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1), background .15s;
  display: grid;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

.ExpenseDetail-module__xFhdrq__wheelAccountSwapBtn:hover {
  background: var(--mc-primary);
  color: #fff;
  border-color: var(--mc-primary);
}

.ExpenseDetail-module__xFhdrq__wheelAccountSwapBtn:active {
  transform: scale(.9)rotate(180deg);
}

.ExpenseDetail-module__xFhdrq__wheelAccountHeaderRow {
  text-align: center;
  z-index: 2;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  margin-bottom: 2px;
  padding: 0 14px;
  display: grid;
  position: relative;
}

.ExpenseDetail-module__xFhdrq__wheelAccountHeaderLabel {
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 700;
}

.ExpenseDetail-module__xFhdrq__transferDualLabel {
  color: var(--mc-muted);
  text-transform: capitalize;
  font-size: 11px;
  font-weight: 600;
}

.ExpenseDetail-module__xFhdrq__transferDualName {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 13.5px;
  font-weight: 750;
  overflow: hidden;
}

.ExpenseDetail-module__xFhdrq__transferDualNameDanger {
  font-weight: 800;
  color: var(--mc-danger) !important;
}

.ExpenseDetail-module__xFhdrq__transferDualDivider {
  background: var(--mc-surface);
  width: 26px;
  height: 26px;
  color: var(--mc-icon-accent);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* [project]/src/components/receipt/ReceiptVaultView.module.css [app-client] (css) */
.ReceiptVaultView-module__bJRywW__page {
  width: 100vw;
  height: 100vh;
  background: var(--mc-bg, #0c0e14);
  height: 100dvh;
  color: var(--mc-text, #fff);
  box-sizing: border-box;
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both ReceiptVaultView-module__bJRywW__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes ReceiptVaultView-module__bJRywW__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ReceiptVaultView-module__bJRywW__pinnedHeaderGroup {
  background: var(--mc-bg, #0c0e14);
  z-index: 20;
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.ReceiptVaultView-module__bJRywW__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 12px) 16px 12px;
  box-sizing: border-box;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__selectHeaderRow {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  box-sizing: border-box;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__selectHeaderBtn {
  color: var(--mc-primary);
  cursor: pointer;
  background: none;
  border: none;
  padding: 6px 0;
  font-size: 14px;
  font-weight: 650;
  transition: opacity .15s;
}

.ReceiptVaultView-module__bJRywW__selectHeaderBtn:active {
  opacity: .7;
}

.ReceiptVaultView-module__bJRywW__selectHeaderCenter {
  background: none;
  border: none;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__selectCountText {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  background: none;
  border: none;
  font-size: 15px;
  font-weight: 750;
}

.ReceiptVaultView-module__bJRywW__backBtn {
  width: 40px;
  height: 40px;
  color: var(--mc-text, #fff);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 12px;
  outline: none;
  place-items: center;
  padding: 0;
  transition: opacity .15s, transform .12s;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.ReceiptVaultView-module__bJRywW__titleBox {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__title {
  letter-spacing: -.015em;
  color: var(--mc-text, #fff);
  font-size: 16px;
  font-weight: 750;
  line-height: 1.2;
}

.ReceiptVaultView-module__bJRywW__subtitle {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 600;
}

.ReceiptVaultView-module__bJRywW__headerActions {
  justify-self: end;
  align-items: center;
  gap: 4px;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__headerIconBtn {
  width: 38px;
  height: 38px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 12px;
  outline: none;
  place-items: center;
  padding: 0;
  transition: color .15s, transform .12s;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__headerIconBtn:active {
  color: var(--mc-text, #fff);
  transform: scale(.92);
}

.ReceiptVaultView-module__bJRywW__headerIconBtnActive {
  color: var(--mc-text, #fff);
}

.ReceiptVaultView-module__bJRywW__searchSection {
  opacity: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 540px;
  max-height: 0;
  margin: 0 auto;
  padding: 0 16px;
  transition: max-height .22s cubic-bezier(.16, 1, .3, 1), opacity .18s, padding .18s;
  overflow: hidden;
}

.ReceiptVaultView-module__bJRywW__searchSectionOpen {
  opacity: 1;
  max-height: 64px;
  padding: 0 16px 12px;
}

.ReceiptVaultView-module__bJRywW__searchBar {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-sizing: border-box;
  border-radius: 14px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__searchInput {
  color: var(--mc-text, #fff);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-family: inherit;
  font-size: 13px;
}

.ReceiptVaultView-module__bJRywW__searchInput::placeholder {
  color: var(--mc-muted);
  font-weight: 500;
}

.ReceiptVaultView-module__bJRywW__searchClearBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 999px;
  place-items: center;
  padding: 2px;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__searchClearBtn:hover {
  color: var(--mc-text);
}

.ReceiptVaultView-module__bJRywW__filterRow {
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding: 4px 16px 10px;
  display: flex;
  position: relative;
}

.ReceiptVaultView-module__bJRywW__filterScrollWrap {
  flex: 1;
  min-width: 0;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to right, #000 calc(100% - 24px), rgba(0, 0, 0, 0) 100%);
}

.ReceiptVaultView-module__bJRywW__filterBar {
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-items: center;
  gap: 6px;
  padding-right: 20px;
  display: flex;
  overflow-x: auto;
}

.ReceiptVaultView-module__bJRywW__filterBar::-webkit-scrollbar {
  display: none;
}

.ReceiptVaultView-module__bJRywW__filterChip {
  background: var(--mc-surface);
  color: var(--mc-muted);
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  transition: all .16s;
  display: inline-flex;
}

.ReceiptVaultView-module__bJRywW__filterChip:hover {
  color: var(--mc-text, #fff);
  background: var(--mc-card);
}

.ReceiptVaultView-module__bJRywW__filterChipActive {
  background: var(--mc-primary) !important;
  color: #fff !important;
  border-color: var(--mc-primary) !important;
}

.ReceiptVaultView-module__bJRywW__filterActions {
  background: var(--mc-bg, #0c0e14);
  z-index: 2;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__filterActionIconBtn {
  width: 32px;
  height: 32px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  border-radius: 8px;
  outline: none;
  place-items: center;
  padding: 0;
  transition: color .16s, transform .12s;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__filterActionIconBtn:active {
  transform: scale(.92);
}

.ReceiptVaultView-module__bJRywW__filterActionIconBtnActive {
  color: var(--mc-text, #fff);
}

@media (hover: hover) and (pointer: fine) {
  .ReceiptVaultView-module__bJRywW__backBtn:hover {
    opacity: .8;
  }

  .ReceiptVaultView-module__bJRywW__headerIconBtn:hover, .ReceiptVaultView-module__bJRywW__filterActionIconBtn:hover {
    color: var(--mc-text, #fff);
  }
}

.ReceiptVaultView-module__bJRywW__backBtn:focus, .ReceiptVaultView-module__bJRywW__headerIconBtn:focus, .ReceiptVaultView-module__bJRywW__filterActionIconBtn:focus, .ReceiptVaultView-module__bJRywW__filterChip:focus, .ReceiptVaultView-module__bJRywW__moreMenuItem:focus, .ReceiptVaultView-module__bJRywW__searchClearBtn:focus {
  box-shadow: none;
  outline: none;
}

.ReceiptVaultView-module__bJRywW__moreMenuWrap {
  align-items: center;
  display: flex;
  position: relative;
}

.ReceiptVaultView-module__bJRywW__moreDropdown {
  background: var(--mc-card, #141721);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .1));
  z-index: 100;
  border-radius: 12px;
  flex-direction: column;
  gap: 2px;
  min-width: 175px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);
}

.ReceiptVaultView-module__bJRywW__moreMenuItem {
  color: var(--mc-text, #fff);
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  transition: background .15s;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__moreMenuItem:hover {
  background: var(--mc-surface, rgba(255, 255, 255, .08));
}

.ReceiptVaultView-module__bJRywW__moreMenuItem:active {
  background: var(--mc-primary);
  color: #fff;
}

.ReceiptVaultView-module__bJRywW__moreMenuItemActive {
  color: var(--mc-primary);
}

.ReceiptVaultView-module__bJRywW__moreMenuDivider {
  background: var(--mc-border, rgba(255, 255, 255, .08));
  height: 1px;
  margin: 4px 6px;
}

.ReceiptVaultView-module__bJRywW__menuCheck {
  color: var(--mc-primary);
  flex-shrink: 0;
  margin-left: auto;
}

.ReceiptVaultView-module__bJRywW__content {
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  width: 100%;
  max-width: 540px;
  padding: 0 16px calc(env(safe-area-inset-bottom, 20px)  + 32px);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  flex: 1;
  margin: 0 auto;
  overflow-y: auto;
}

.ReceiptVaultView-module__bJRywW__timelineGroup {
  margin-bottom: 20px;
}

.ReceiptVaultView-module__bJRywW__groupHeader {
  background: var(--mc-bg, #0c0e14);
  z-index: 10;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  margin: 0 -16px 8px;
  padding: 10px 16px 8px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.ReceiptVaultView-module__bJRywW__groupTitle {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 750;
}

.ReceiptVaultView-module__bJRywW__groupTotal {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.ReceiptVaultView-module__bJRywW__headerSelectBtn {
  color: var(--mc-primary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 6px 8px;
  font-size: 13px;
  font-weight: 700;
  transition: opacity .15s;
}

.ReceiptVaultView-module__bJRywW__headerSelectBtn:hover {
  opacity: .8;
}

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

.ReceiptVaultView-module__bJRywW__gridCard {
  aspect-ratio: 1;
  background: var(--mc-card);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  border: none;
  border-radius: 10px;
  transition: transform .16s, box-shadow .16s;
  position: relative;
  overflow: hidden;
}

.ReceiptVaultView-module__bJRywW__gridCard:active {
  transform: scale(.96);
}

.ReceiptVaultView-module__bJRywW__gridImg {
  object-fit: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
}

.ReceiptVaultView-module__bJRywW__gridPlaceholder {
  width: 100%;
  height: 100%;
  color: var(--mc-muted);
  background: var(--mc-surface);
  pointer-events: none;
  place-items: center;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__gridOverlay {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .4) 60%, rgba(0, 0, 0, 0) 100%);
  flex-direction: column;
  gap: 1px;
  padding: 14px 6px 5px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.ReceiptVaultView-module__bJRywW__gridMerchant {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
}

.ReceiptVaultView-module__bJRywW__gridAmount {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 10.5px;
  font-weight: 800;
}

.ReceiptVaultView-module__bJRywW__listView {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__listCard {
  background: var(--mc-card);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  border: none;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  transition: background .18s, transform .16s;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__listCard:active {
  background: var(--mc-surface);
  transform: scale(.98);
}

.ReceiptVaultView-module__bJRywW__listThumb {
  object-fit: cover;
  background: var(--mc-surface);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  width: 36px;
  height: 40px;
}

.ReceiptVaultView-module__bJRywW__listPlaceholder {
  width: 36px;
  height: 40px;
  color: var(--mc-muted);
  background: var(--mc-surface);
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__listInfo {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  flex-direction: column;
  flex: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__listRowTop {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__listMerchant {
  color: var(--mc-text, #fff);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 700;
  overflow: hidden;
}

.ReceiptVaultView-module__bJRywW__listAmount {
  color: var(--mc-text, #fff);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-size: 12.5px;
  font-weight: 750;
}

.ReceiptVaultView-module__bJRywW__listRowBottom {
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  font-size: 10.5px;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__listCategory {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  overflow: hidden;
}

.ReceiptVaultView-module__bJRywW__listDate {
  flex-shrink: 0;
  font-weight: 500;
}

.ReceiptVaultView-module__bJRywW__emptyState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 80px 20px;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__emptyIconWrap {
  background: var(--mc-surface);
  width: 60px;
  height: 60px;
  color: var(--mc-muted);
  border-radius: 20px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__emptyTitle {
  color: var(--mc-text, #fff);
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.ReceiptVaultView-module__bJRywW__emptyCopy {
  color: var(--mc-muted);
  max-width: 260px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.ReceiptVaultView-module__bJRywW__selectCheckCircle {
  color: rgba(0, 0, 0, 0);
  z-index: 12;
  background: rgba(0, 0, 0, .45);
  border: 1.5px solid rgba(255, 255, 255, .85);
  border-radius: 50%;
  place-items: center;
  width: 20px;
  height: 20px;
  transition: all .16s;
  display: grid;
  position: absolute;
  top: 6px;
  right: 6px;
}

.ReceiptVaultView-module__bJRywW__selectCheckCircleActive {
  background: var(--mc-primary);
  border-color: var(--mc-primary);
  color: #fff;
}

.ReceiptVaultView-module__bJRywW__gridCardSelected {
  outline: 2px solid var(--mc-primary);
  outline-offset: -2px;
}

.ReceiptVaultView-module__bJRywW__listCardSelected {
  outline: 1.5px solid var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary) 8%, var(--mc-card)) !important;
}

.ReceiptVaultView-module__bJRywW__linkBadge {
  color: rgba(255, 255, 255, .9);
  z-index: 5;
  pointer-events: none;
  background: rgba(0, 0, 0, .5);
  border: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 12px;
  padding: 0 4px;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.ReceiptVaultView-module__bJRywW__listMerchantWrap {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__listLinkBadge {
  color: var(--mc-muted);
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.ReceiptVaultView-module__bJRywW__bottomPillWrap {
  bottom: calc(env(safe-area-inset-bottom, 20px)  + 16px);
  pointer-events: none;
  z-index: 34000;
  justify-content: center;
  animation: .22s cubic-bezier(.16, 1, .3, 1) both ReceiptVaultView-module__bJRywW__pillSlideUp;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}

@keyframes ReceiptVaultView-module__bJRywW__pillSlideUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ReceiptVaultView-module__bJRywW__bottomPill {
  pointer-events: auto;
  -webkit-backdrop-filter: blur(20px);
  background: rgba(18, 22, 34, .92);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  display: flex;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .55);
}

.ReceiptVaultView-module__bJRywW__pillActionBtn {
  color: var(--mc-text, #fff);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 6px 10px;
  transition: opacity .14s, transform .12s;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__pillActionBtn:active {
  transform: scale(.92);
}

.ReceiptVaultView-module__bJRywW__pillActionBtn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.ReceiptVaultView-module__bJRywW__pillBtnLabel {
  white-space: nowrap;
  color: inherit;
  font-size: 9px;
  font-weight: 600;
}

.ReceiptVaultView-module__bJRywW__pillDeleteBtn {
  color: #ef4444;
}

.ReceiptVaultView-module__bJRywW__albumsGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 12px 0 32px;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__albumCard {
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  flex-direction: column;
  gap: 8px;
  transition: transform .16s;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__albumCard:active {
  transform: scale(.97);
}

.ReceiptVaultView-module__bJRywW__albumThumbStack {
  aspect-ratio: 1;
  background: var(--mc-card);
  border-radius: 14px;
  place-items: center;
  width: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.ReceiptVaultView-module__bJRywW__albumThumbImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ReceiptVaultView-module__bJRywW__albumFolderIconWrap {
  background: var(--mc-surface);
  width: 52px;
  height: 52px;
  color: var(--mc-primary);
  border-radius: 14px;
  place-items: center;
  display: grid;
}

.ReceiptVaultView-module__bJRywW__albumMeta {
  flex-direction: column;
  gap: 1px;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__albumName {
  color: var(--mc-text, #fff);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
}

.ReceiptVaultView-module__bJRywW__albumCount {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 550;
}

.ReceiptVaultView-module__bJRywW__folderSectionTitle {
  color: var(--mc-muted);
  letter-spacing: .02em;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.ReceiptVaultView-module__bJRywW__addAlbumCard {
  border: 1px solid var(--mc-border);
  cursor: pointer;
  aspect-ratio: 1;
  color: var(--mc-muted);
  background: none;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition: all .16s;
  display: flex;
}

.ReceiptVaultView-module__bJRywW__addAlbumCard:hover {
  border-color: var(--mc-primary);
  color: var(--mc-primary);
  background: var(--mc-surface);
}

.ReceiptVaultView-module__bJRywW__addAlbumLabel {
  font-size: 12px;
  font-weight: 650;
}

.ReceiptVaultView-module__bJRywW__linkedPill {
  color: var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary) 12%, transparent);
  border-radius: 999px;
  align-items: center;
  gap: 3px;
  padding: 1px 6px;
  font-size: 9.5px;
  font-weight: 700;
  display: inline-flex;
}

/* [project]/src/components/receipt/ReceiptHubDrawer.module.css [app-client] (css) */
.ReceiptHubDrawer-module__7ZAV5G__page {
  z-index: 12000;
  background: var(--mc-bg, #0c0e14);
  color: var(--mc-text, #fff);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both ReceiptHubDrawer-module__7ZAV5G__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes ReceiptHubDrawer-module__7ZAV5G__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ReceiptHubDrawer-module__7ZAV5G__pinnedHeaderGroup {
  background: var(--mc-bg, #0c0e14);
  z-index: 10;
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.ReceiptHubDrawer-module__7ZAV5G__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 12px;
  box-sizing: border-box;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: grid;
}

.ReceiptHubDrawer-module__7ZAV5G__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text, #fff);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.ReceiptHubDrawer-module__7ZAV5G__backBtn:hover {
  opacity: .8;
}

.ReceiptHubDrawer-module__7ZAV5G__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.ReceiptHubDrawer-module__7ZAV5G__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text, #fff);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.ReceiptHubDrawer-module__7ZAV5G__vaultBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.ReceiptHubDrawer-module__7ZAV5G__vaultBtn:hover {
  opacity: .8;
}

.ReceiptHubDrawer-module__7ZAV5G__vaultBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.ReceiptHubDrawer-module__7ZAV5G__hubModeSwitchBar {
  box-sizing: border-box;
  width: 100%;
  max-width: 540px;
  margin: 0 auto 14px;
  padding: 0 16px;
}

.ReceiptHubDrawer-module__7ZAV5G__actionCardsGrid {
  box-sizing: border-box;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding: 0 16px 16px;
  display: grid;
  position: relative;
}

.ReceiptHubDrawer-module__7ZAV5G__actionCardsGrid:after {
  content: "";
  background: var(--mc-border);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
}

.ReceiptHubDrawer-module__7ZAV5G__actionCard {
  background: var(--mc-card);
  color: var(--mc-text);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: none;
  border-radius: 16px;
  align-items: center;
  gap: 8px;
  padding: 10px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.ReceiptHubDrawer-module__7ZAV5G__actionCard:hover {
  background: color-mix(in srgb, var(--mc-card) 88%, var(--mc-primary));
  border-color: color-mix(in srgb, var(--mc-primary) 30%, transparent);
  transform: translateY(-1px);
}

.ReceiptHubDrawer-module__7ZAV5G__actionCard:active {
  transform: scale(.97);
}

.ReceiptHubDrawer-module__7ZAV5G__hiddenFileInput {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.ReceiptHubDrawer-module__7ZAV5G__actionIconWrap {
  width: 38px;
  height: 38px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.ReceiptHubDrawer-module__7ZAV5G__actionText {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ReceiptHubDrawer-module__7ZAV5G__actionTitle {
  letter-spacing: -.01em;
  color: var(--mc-text, #fff);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
}

.ReceiptHubDrawer-module__7ZAV5G__actionSub {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.ReceiptHubDrawer-module__7ZAV5G__processingBanner {
  background: var(--mc-card);
  box-sizing: border-box;
  border: none;
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  width: calc(100% - 32px);
  max-width: 508px;
  margin: 12px auto 0;
  padding: 10px 14px;
  display: flex;
}

.ReceiptHubDrawer-module__7ZAV5G__processingIconWrap {
  background: var(--mc-surface);
  width: 32px;
  height: 32px;
  color: var(--mc-primary);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.ReceiptHubDrawer-module__7ZAV5G__processingSpinner {
  animation: 1s linear infinite ReceiptHubDrawer-module__7ZAV5G__spin;
}

@keyframes ReceiptHubDrawer-module__7ZAV5G__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.ReceiptHubDrawer-module__7ZAV5G__processingText {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ReceiptHubDrawer-module__7ZAV5G__processingTitle {
  letter-spacing: -.01em;
  color: var(--mc-text, #fff);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
}

.ReceiptHubDrawer-module__7ZAV5G__processingSub {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
}

.ReceiptHubDrawer-module__7ZAV5G__content {
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px calc(env(safe-area-inset-bottom, 24px)  + 32px);
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 12px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  overflow-y: auto;
}

.ReceiptHubDrawer-module__7ZAV5G__content::-webkit-scrollbar {
  display: none;
}

.ReceiptHubDrawer-module__7ZAV5G__receiptCard {
  background: var(--mc-card);
  color: var(--mc-text);
  cursor: pointer;
  text-align: left;
  border: none;
  border-radius: 18px;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  transition: all .18s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.ReceiptHubDrawer-module__7ZAV5G__receiptCard:hover {
  background: color-mix(in srgb, var(--mc-card) 92%, var(--mc-text));
  border-color: color-mix(in srgb, var(--mc-primary) 30%, transparent);
  transform: translateY(-1px);
}

.ReceiptHubDrawer-module__7ZAV5G__receiptCard:active {
  transform: scale(.985);
}

.ReceiptHubDrawer-module__7ZAV5G__thumbWrap {
  background: #000;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 62px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ReceiptHubDrawer-module__7ZAV5G__thumbImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ReceiptHubDrawer-module__7ZAV5G__thumbPlaceholder {
  width: 100%;
  height: 100%;
  color: var(--mc-text-soft, rgba(255, 255, 255, .4));
  place-items: center;
  display: grid;
}

.ReceiptHubDrawer-module__7ZAV5G__voiceThumbWrap {
  background: var(--mc-primary-soft);
  width: 48px;
  height: 48px;
  color: var(--mc-icon-accent);
  border: none;
  border-radius: 15px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.ReceiptHubDrawer-module__7ZAV5G__cardInfo {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ReceiptHubDrawer-module__7ZAV5G__merchantRow {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.ReceiptHubDrawer-module__7ZAV5G__merchantName {
  color: var(--mc-text, #fff);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
}

.ReceiptHubDrawer-module__7ZAV5G__amount {
  color: var(--mc-text, #fff);
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 750;
}

.ReceiptHubDrawer-module__7ZAV5G__amountNeedsDetails {
  color: #f59e0b;
  font-size: 13px;
  font-weight: 600;
}

.ReceiptHubDrawer-module__7ZAV5G__dateRow {
  color: var(--mc-muted);
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 500;
  display: flex;
}

.ReceiptHubDrawer-module__7ZAV5G__statusRow {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ReceiptHubDrawer-module__7ZAV5G__statusBadge {
  background: var(--mc-bg);
  letter-spacing: -.01em;
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 10px;
  font-size: 10.5px;
  font-weight: 550;
  line-height: 1;
  display: inline-flex;
}

.ReceiptHubDrawer-module__7ZAV5G__statusBadge.ReceiptHubDrawer-module__7ZAV5G__ready {
  color: var(--mc-primary-start);
  border: none;
}

.ReceiptHubDrawer-module__7ZAV5G__statusBadge.ReceiptHubDrawer-module__7ZAV5G__processing, .ReceiptHubDrawer-module__7ZAV5G__statusBadge.ReceiptHubDrawer-module__7ZAV5G__incomplete {
  color: #c79e4f;
  border: none;
}

.ReceiptHubDrawer-module__7ZAV5G__statusBadge.ReceiptHubDrawer-module__7ZAV5G__claimed {
  color: #10b981;
  border: none;
}

.ReceiptHubDrawer-module__7ZAV5G__statusBadge.ReceiptHubDrawer-module__7ZAV5G__failed {
  color: var(--mc-danger, #ef4444);
  border: none;
}

.ReceiptHubDrawer-module__7ZAV5G__deleteBtn {
  color: var(--mc-text-soft, rgba(255, 255, 255, .4));
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  place-items: center;
  transition: all .15s;
  display: grid;
}

.ReceiptHubDrawer-module__7ZAV5G__deleteBtn:hover {
  color: var(--mc-danger, #ef4444);
  background: none;
}

.ReceiptHubDrawer-module__7ZAV5G__emptyState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 60px 20px;
  display: flex;
}

.ReceiptHubDrawer-module__7ZAV5G__emptyIconWrap {
  width: 64px;
  height: 64px;
  color: var(--mc-text-soft, rgba(255, 255, 255, .4));
  background: none;
  border: none;
  border-radius: 20px;
  place-items: center;
  display: grid;
}

.ReceiptHubDrawer-module__7ZAV5G__emptyTitle {
  color: var(--mc-text, #fff);
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.ReceiptHubDrawer-module__7ZAV5G__emptyCopy {
  color: var(--mc-muted);
  max-width: 260px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.ReceiptHubDrawer-module__7ZAV5G__vaultLinkBtn {
  background: var(--mc-surface);
  min-height: 36px;
  color: var(--mc-text, #fff);
  cursor: pointer;
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding: 12px 18px;
  font-size: 12.5px;
  font-weight: 600;
  transition: all .18s;
  display: inline-flex;
}

.ReceiptHubDrawer-module__7ZAV5G__vaultLinkBtn:hover {
  background: var(--mc-card);
}

/* [project]/src/components/feedback/FeedbackPrompt.module.css [app-client] (css) */
.FeedbackPrompt-module__M-LrdG__layer {
  z-index: 210;
  padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
  -webkit-backdrop-filter: blur(2px) saturate(150%);
  backdrop-filter: blur(2px) saturate(150%);
  color: var(--mc-text);
  background: rgba(3, 8, 20, .45);
  place-items: center;
  font-family: inherit;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FeedbackPrompt-module__M-LrdG__card {
  border: 1px solid color-mix(in srgb, var(--mc-border) 74%, transparent);
  background: color-mix(in srgb, var(--mc-card) 94%, transparent);
  width: min(438px, 100%);
  animation: FeedbackPrompt-module__M-LrdG__cardIn .22s var(--mc-ease) both;
  border-radius: 26px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .34);
}

.FeedbackPrompt-module__M-LrdG__card:before {
  content: "";
  background: radial-gradient(80% 68% at 12% 0, color-mix(in srgb, var(--mc-primary-soft) 42%, transparent), transparent 62%);
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FeedbackPrompt-module__M-LrdG__card > * {
  z-index: 1;
  position: relative;
}

.FeedbackPrompt-module__M-LrdG__close {
  z-index: 2;
  background: var(--mc-surface);
  width: 34px;
  height: 34px;
  color: var(--mc-muted);
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  display: grid;
  position: absolute;
  top: 13px;
  right: 13px;
}

.FeedbackPrompt-module__M-LrdG__logo {
  width: max-content;
  color: var(--mc-icon-accent);
  margin: 0 0 14px;
  display: grid;
}

.FeedbackPrompt-module__M-LrdG__card h2 {
  color: var(--mc-text);
  letter-spacing: -.045em;
  margin: 0;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.06;
}

.FeedbackPrompt-module__M-LrdG__copy {
  color: var(--mc-muted);
  margin: 10px 0 18px;
  font-size: 13.4px;
  font-weight: 650;
  line-height: 1.5;
}

.FeedbackPrompt-module__M-LrdG__actions {
  grid-template-columns: 1fr 1.35fr;
  gap: 10px;
  display: grid;
}

.FeedbackPrompt-module__M-LrdG__primary, .FeedbackPrompt-module__M-LrdG__secondary, .FeedbackPrompt-module__M-LrdG__textBtn {
  font: inherit;
  cursor: pointer;
}

.FeedbackPrompt-module__M-LrdG__primary, .FeedbackPrompt-module__M-LrdG__secondary {
  border-radius: 14px;
  min-height: 48px;
  font-size: 14px;
  font-weight: 850;
}

.FeedbackPrompt-module__M-LrdG__primary {
  background: var(--mc-primary);
  color: var(--mc-on-primary);
  border: 0;
}

.FeedbackPrompt-module__M-LrdG__secondary {
  border: 1px solid var(--mc-border);
  color: var(--mc-muted);
  background: none;
}

.FeedbackPrompt-module__M-LrdG__textBtn {
  width: 100%;
  color: var(--mc-muted);
  background: none;
  border: 0;
  margin-top: 10px;
  font-size: 12.5px;
  font-weight: 760;
}

@keyframes FeedbackPrompt-module__M-LrdG__cardIn {
  from {
    opacity: 0;
    transform: translateY(18px)scale(.985);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .FeedbackPrompt-module__M-LrdG__card {
    animation: none;
  }
}

/* [project]/src/components/pwa/PwaInstallPrompt.module.css [app-client] (css) */
.PwaInstallPrompt-module__X7uVoG__layer {
  z-index: 211;
  padding: calc(22px + env(safe-area-inset-top)) 18px 18px;
  -webkit-backdrop-filter: blur(2px) saturate(150%);
  backdrop-filter: blur(2px) saturate(150%);
  color: var(--mc-text);
  background: rgba(3, 8, 20, .45);
  place-items: start center;
  font-family: inherit;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.PwaInstallPrompt-module__X7uVoG__arrowGuide {
  top: calc(8px + env(safe-area-inset-top));
  color: var(--mc-icon-accent);
  opacity: .9;
  pointer-events: none;
  justify-items: center;
  gap: 3px;
  display: grid;
  position: absolute;
  right: 20px;
}

.PwaInstallPrompt-module__X7uVoG__arrowGuide span {
  background: linear-gradient(to top, var(--mc-icon-accent), transparent);
  transform-origin: bottom;
  border-radius: 999px;
  width: 1.5px;
  height: 34px;
  display: block;
  transform: rotate(20deg);
}

.PwaInstallPrompt-module__X7uVoG__arrowGuide svg {
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--mc-icon-accent) 50%, transparent));
}

.PwaInstallPrompt-module__X7uVoG__card {
  border: 1px solid color-mix(in srgb, var(--mc-border) 74%, transparent);
  background: color-mix(in srgb, var(--mc-card) 94%, transparent);
  width: min(438px, 100%);
  animation: PwaInstallPrompt-module__X7uVoG__cardIn .22s var(--mc-ease) both;
  border-radius: 26px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .34);
}

.PwaInstallPrompt-module__X7uVoG__card:before {
  content: "";
  background: radial-gradient(80% 68% at 12% 0, color-mix(in srgb, var(--mc-primary-soft) 42%, transparent), transparent 62%);
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.PwaInstallPrompt-module__X7uVoG__card > * {
  z-index: 1;
  position: relative;
}

.PwaInstallPrompt-module__X7uVoG__close {
  z-index: 2;
  background: var(--mc-surface);
  width: 34px;
  height: 34px;
  color: var(--mc-muted);
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  display: grid;
  position: absolute;
  top: 13px;
  right: 13px;
}

.PwaInstallPrompt-module__X7uVoG__logo {
  width: max-content;
  color: var(--mc-icon-accent);
  margin: 0 0 14px;
  display: grid;
}

.PwaInstallPrompt-module__X7uVoG__card h2 {
  color: var(--mc-text);
  letter-spacing: -.045em;
  margin: 0;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.06;
}

.PwaInstallPrompt-module__X7uVoG__copy {
  color: var(--mc-muted);
  margin: 10px 0 16px;
  font-size: 13.4px;
  font-weight: 650;
  line-height: 1.5;
}

.PwaInstallPrompt-module__X7uVoG__quickHint, .PwaInstallPrompt-module__X7uVoG__instructions {
  border: 1px solid color-mix(in srgb, var(--mc-border) 78%, transparent);
  background: color-mix(in srgb, var(--mc-primary-soft) 40%, transparent);
  border-radius: 16px;
  margin: 0 0 16px;
}

.PwaInstallPrompt-module__X7uVoG__quickHint {
  color: var(--mc-text);
  align-items: center;
  gap: 10px;
  padding: 12px;
  font-size: 12.8px;
  font-weight: 720;
  line-height: 1.4;
  display: flex;
}

.PwaInstallPrompt-module__X7uVoG__quickHint svg {
  color: var(--mc-icon-accent);
  flex: none;
}

.PwaInstallPrompt-module__X7uVoG__instructions {
  gap: 14px;
  padding: 13px;
  display: grid;
}

.PwaInstallPrompt-module__X7uVoG__platformBlock + .PwaInstallPrompt-module__X7uVoG__platformBlock {
  border-top: 1px solid color-mix(in srgb, var(--mc-border) 62%, transparent);
  padding-top: 12px;
}

.PwaInstallPrompt-module__X7uVoG__platformHead {
  color: var(--mc-text);
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  display: flex;
}

.PwaInstallPrompt-module__X7uVoG__platformHead span {
  background: var(--mc-primary-soft);
  width: 31px;
  height: 31px;
  color: var(--mc-icon-accent);
  border-radius: 10px;
  place-items: center;
  line-height: 0;
  display: grid;
}

.PwaInstallPrompt-module__X7uVoG__platformHead strong {
  font-size: 13.4px;
  font-weight: 850;
}

.PwaInstallPrompt-module__X7uVoG__instructions ol {
  color: var(--mc-text-soft);
  margin: 0;
  padding-left: 22px;
  font-size: 12.8px;
  font-weight: 650;
  line-height: 1.65;
}

.PwaInstallPrompt-module__X7uVoG__instructions li {
  margin: 3px 0;
}

.PwaInstallPrompt-module__X7uVoG__instructions b {
  color: var(--mc-text);
  font-weight: 850;
}

.PwaInstallPrompt-module__X7uVoG__actions {
  grid-template-columns: 1fr 1.35fr;
  gap: 10px;
  display: grid;
}

.PwaInstallPrompt-module__X7uVoG__primary, .PwaInstallPrompt-module__X7uVoG__secondary, .PwaInstallPrompt-module__X7uVoG__textBtn {
  font: inherit;
  cursor: pointer;
}

.PwaInstallPrompt-module__X7uVoG__primary, .PwaInstallPrompt-module__X7uVoG__secondary {
  border-radius: 14px;
  min-height: 48px;
  font-size: 14px;
  font-weight: 850;
}

.PwaInstallPrompt-module__X7uVoG__primary {
  background: var(--mc-primary);
  color: var(--mc-on-primary);
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.PwaInstallPrompt-module__X7uVoG__secondary {
  border: 1px solid var(--mc-border);
  color: var(--mc-muted);
  background: none;
}

.PwaInstallPrompt-module__X7uVoG__textBtn {
  width: 100%;
  color: var(--mc-muted);
  background: none;
  border: 0;
  margin-top: 10px;
  font-size: 12.5px;
  font-weight: 760;
}

@keyframes PwaInstallPrompt-module__X7uVoG__cardIn {
  from {
    opacity: 0;
    transform: translateY(-14px)scale(.985);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .PwaInstallPrompt-module__X7uVoG__card {
    animation: none;
  }
}

/* [project]/src/components/cards/AccountCardStack.module.css [app-client] (css) */
.AccountCardStack-module__50bewG__stackContainer {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: none;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.AccountCardStack-module__50bewG__deckWrapper {
  perspective: 1200px;
  box-sizing: border-box;
  touch-action: none;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 225px;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.AccountCardStack-module__50bewG__stackedCardSlot {
  width: 100%;
  height: var(--mc-card-hero-height, 200px);
  transform-origin: bottom;
  touch-action: none;
  will-change: transform, opacity;
  border-radius: 20px;
  transition: transform .55s cubic-bezier(.16, 1, .3, 1), opacity .35s, visibility .35s;
  position: absolute;
}

.AccountCardStack-module__50bewG__cardPosActive {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  cursor: grab;
  transition: transform .55s cubic-bezier(.16, 1, .3, 1), opacity .25s;
  transform: translateY(0)scale(1);
}

.AccountCardStack-module__50bewG__cardPosActive:active {
  cursor: grabbing;
}

.AccountCardStack-module__50bewG__cardPosNext1 {
  z-index: 8;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: transform .55s cubic-bezier(.16, 1, .3, 1), opacity .35s;
  transform: translateY(-16px)scale(.95);
}

.AccountCardStack-module__50bewG__cardPosNext2 {
  z-index: 6;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: transform .55s cubic-bezier(.16, 1, .3, 1), opacity .35s;
  transform: translateY(-30px)scale(.9);
}

.AccountCardStack-module__50bewG__cardPosBehind {
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform .55s cubic-bezier(.16, 1, .3, 1), opacity .35s .1s, visibility .45s;
  transform: translateY(-30px)scale(.9);
}

.AccountCardStack-module__50bewG__cardPosHidden {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform .55s cubic-bezier(.16, 1, .3, 1), opacity .35s .1s, visibility .45s;
  transform: translateY(-38px)scale(.86);
}

.AccountCardStack-module__50bewG__cardFlipWrapper {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  will-change: transform;
  -webkit-tap-highlight-color: transparent;
  border-radius: 20px;
  outline: none;
  transition: transform .65s cubic-bezier(.16, 1, .3, 1);
  position: relative;
}

.AccountCardStack-module__50bewG__cardFlipped {
  transform: rotateY(180deg);
}

.AccountCardStack-module__50bewG__cardFace {
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 20px;
  outline: none;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 20px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(168, 168, 168, .1);
}

.AccountCardStack-module__50bewG__cardFrontFace {
  z-index: 2;
  transform: rotateY(0)translateZ(1px);
}

.AccountCardStack-module__50bewG__cardBackFace {
  z-index: 1;
  transform: rotateY(180deg)translateZ(1px);
}

.AccountCardStack-module__50bewG__cardBackFace:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.AccountCardStack-module__50bewG__cardFlipped .AccountCardStack-module__50bewG__cardFrontFace {
  pointer-events: none;
  z-index: 1;
}

.AccountCardStack-module__50bewG__cardFlipped .AccountCardStack-module__50bewG__cardBackFace {
  pointer-events: auto;
  z-index: 2;
}

.AccountCardStack-module__50bewG__cardFlipWrapper:not(.AccountCardStack-module__50bewG__cardFlipped) .AccountCardStack-module__50bewG__cardBackFace {
  pointer-events: none;
}

.AccountCardStack-module__50bewG__flipBtn {
  width: 24px;
  height: 24px;
  color: var(--mc-muted);
  cursor: pointer;
  z-index: 5;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  outline: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: color .15s, transform .15s;
  display: flex;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .AccountCardStack-module__50bewG__flipBtn:hover {
    color: #fff;
    background: none;
  }
}

.AccountCardStack-module__50bewG__flipBtn:active {
  color: #fff;
  transform: scale(.9);
}

.AccountCardStack-module__50bewG__flipBtn:focus {
  outline: none;
}

.AccountCardStack-module__50bewG__flipBtn:focus-visible {
  outline: none;
}

.AccountCardStack-module__50bewG__setupCardFront {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 14px 16px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupTopRow {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.AccountCardStack-module__50bewG__setupTopLeft {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.AccountCardStack-module__50bewG__setupMonocashMark {
  opacity: .45;
  width: 32px;
  height: 32px;
  color: var(--mc-muted);
  flex-shrink: 0;
}

.AccountCardStack-module__50bewG__setupTopRight {
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.AccountCardStack-module__50bewG__setupTopPills {
  align-items: center;
  gap: 2px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupTopPill {
  height: 22px;
  color: var(--mc-muted);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  border-radius: 999px;
  outline: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 0 5.5px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 700;
  transition: background .15s, color .15s, transform .1s;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .AccountCardStack-module__50bewG__setupTopPill:hover {
    color: #fff;
    background: rgba(255, 255, 255, .1);
  }
}

.AccountCardStack-module__50bewG__setupTopPill:active {
  color: #fff;
  background: rgba(255, 255, 255, .16);
  transform: scale(.95);
}

.AccountCardStack-module__50bewG__setupTopPill:focus {
  outline: none;
}

.AccountCardStack-module__50bewG__setupTopPill:focus:not(:focus-visible) {
  color: var(--mc-muted);
  background: none;
}

.AccountCardStack-module__50bewG__setupGrowthBadge {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  font-size: 11.5px;
  font-weight: 650;
}

.AccountCardStack-module__50bewG__setupNetFlowContainer {
  z-index: 2;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  width: 100%;
  margin: 1px 0 4px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupNetFlowLeft {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.AccountCardStack-module__50bewG__setupNetLabelRow {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.AccountCardStack-module__50bewG__setupNetLabel {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
}

.AccountCardStack-module__50bewG__setupNetPctBadge {
  letter-spacing: .02em;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1.2;
}

.AccountCardStack-module__50bewG__setupNetPctPositive {
  color: #4ade80;
}

.AccountCardStack-module__50bewG__setupNetPctNegative {
  color: #f87171;
}

.AccountCardStack-module__50bewG__setupNetHeroRow {
  align-items: baseline;
  min-width: 0;
  margin: 2px 0 3px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupNetAmount {
  letter-spacing: -.04em;
  color: #fff;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 18.5px;
  font-weight: 800;
  line-height: 1.1;
}

.AccountCardStack-module__50bewG__setupNetPositive {
  color: #4ade80;
}

.AccountCardStack-module__50bewG__setupNetNegative {
  color: #fff;
}

.AccountCardStack-module__50bewG__setupNetSubtitle {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  font-weight: 550;
  line-height: 1.2;
  overflow: hidden;
}

.AccountCardStack-module__50bewG__setupNetSubtitle b {
  color: var(--mc-muted);
  font-weight: 800;
}

.AccountCardStack-module__50bewG__setupNetFlowRight {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  gap: 6px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupBreakdownItem {
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  line-height: 1.2;
  display: flex;
}

.AccountCardStack-module__50bewG__setupBreakdownLabel {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  align-items: center;
  gap: 3px;
  min-width: 52px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.AccountCardStack-module__50bewG__setupArrowDown {
  color: #f87171;
  flex-shrink: 0;
}

.AccountCardStack-module__50bewG__setupArrowUp {
  color: #4ade80;
  flex-shrink: 0;
}

.AccountCardStack-module__50bewG__setupBreakdownAmount {
  letter-spacing: -.02em;
  color: #fff;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 750;
}

.AccountCardStack-module__50bewG__setupBackBody {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.AccountCardStack-module__50bewG__setupBackHeaderActions {
  align-items: center;
  gap: 6px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupEyeBtn {
  width: 28px;
  height: 28px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  place-items: center;
  transition: all .15s;
  display: inline-grid;
}

.AccountCardStack-module__50bewG__setupEyeBtn:active {
  color: var(--mc-muted);
  transform: scale(.92);
}

.AccountCardStack-module__50bewG__setupBackMainGrid {
  flex: 1;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin: 6px 0 8px;
  display: grid;
}

.AccountCardStack-module__50bewG__setupBackAccCol {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.AccountCardStack-module__50bewG__setupBackAccLabel {
  color: var(--mc-muted, rgba(255, 255, 255, .45));
  letter-spacing: -.01em;
  font-size: 10.5px;
  font-weight: 600;
}

.AccountCardStack-module__50bewG__setupBackAccValueRow {
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: inline-flex;
}

.AccountCardStack-module__50bewG__setupBackAccNumberText {
  letter-spacing: .01em;
  color: #fff;
  white-space: nowrap;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 750;
}

.AccountCardStack-module__50bewG__setupAccCopyBtn {
  color: rgba(255, 255, 255, .85);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 20px;
  height: 20px;
  transition: all .15s;
  display: inline-grid;
}

.AccountCardStack-module__50bewG__setupAccCopyBtn:active {
  transform: scale(.9);
}

.AccountCardStack-module__50bewG__setupNoAccountNoBtn {
  color: var(--mc-muted, rgba(255, 255, 255, .45));
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 2px 0;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.AccountCardStack-module__50bewG__setupNoAccountNoBtn:active {
  transform: scale(.97);
}

.AccountCardStack-module__50bewG__setupAddNoHint {
  color: rgba(255, 255, 255, .8);
  font-weight: 700;
}

.AccountCardStack-module__50bewG__setupBackTogglesCol {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-width: 128px;
  margin-left: auto;
  display: flex;
}

.AccountCardStack-module__50bewG__setupBackToggleLine {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 1.5px 0;
  font-family: inherit;
  display: flex;
}

.AccountCardStack-module__50bewG__setupBackToggleLine:active {
  transform: scale(.98);
}

.AccountCardStack-module__50bewG__setupBackToggleLineLabel {
  color: var(--mc-muted, rgba(255, 255, 255, .45));
  letter-spacing: -.01em;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 600;
}

.AccountCardStack-module__50bewG__setupBackToolboxRow {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 4px 0 2px;
  display: grid;
}

.AccountCardStack-module__50bewG__setupBackToolBtn {
  color: var(--mc-muted, rgba(255, 255, 255, .6));
  cursor: pointer;
  background: rgba(255, 255, 255, .035);
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
}

.AccountCardStack-module__50bewG__setupBackToolBtn:active {
  background: rgba(255, 255, 255, .15);
  transform: scale(.97);
}

.AccountCardStack-module__50bewG__setupBackMiniToggle {
  box-sizing: border-box;
  background: rgba(255, 255, 255, .14);
  border-radius: 999px;
  align-items: center;
  width: 28px;
  height: 16px;
  padding: 2px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.AccountCardStack-module__50bewG__setupBackMiniToggleOn {
  background: #162953;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25);
}

.AccountCardStack-module__50bewG__setupBackMiniToggleThumb {
  background: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1);
  transform: translateX(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

.AccountCardStack-module__50bewG__setupBackMiniToggleOn .AccountCardStack-module__50bewG__setupBackMiniToggleThumb {
  transform: translateX(12px);
}

.AccountCardStack-module__50bewG__setupSpendingBody {
  flex-direction: column;
  flex: 1.1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.AccountCardStack-module__50bewG__setupIncomeBody {
  text-align: left;
  flex-direction: column;
  flex: .9;
  align-items: flex-start;
  min-width: 0;
  padding-left: 18px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupSpendingLabel, .AccountCardStack-module__50bewG__setupIncomeLabel {
  letter-spacing: .2px;
  color: var(--mc-muted);
  font-size: 10.5px;
  font-weight: 700;
}

.AccountCardStack-module__50bewG__setupSpendingAmount, .AccountCardStack-module__50bewG__setupIncomeAmount {
  letter-spacing: -.03em;
  color: #fff;
  font-family: inherit;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
}

.AccountCardStack-module__50bewG__setupSpendingCount {
  color: rgba(255, 255, 255, .45);
  letter-spacing: -.01em;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 11.5px;
  font-weight: 550;
}

.AccountCardStack-module__50bewG__setupBottomShelf {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupShelfLeft {
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.AccountCardStack-module__50bewG__setupShelfInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.AccountCardStack-module__50bewG__setupAccountNameRow {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.AccountCardStack-module__50bewG__setupAccountName {
  color: #fff;
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}

.AccountCardStack-module__50bewG__setupAccountTypeRow {
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.AccountCardStack-module__50bewG__setupAccountType {
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .55);
  white-space: nowrap;
  font-size: 10.5px;
  font-weight: 650;
}

.AccountCardStack-module__50bewG__setupDefaultBadge, .AccountCardStack-module__50bewG__setupHomeBadge, .AccountCardStack-module__50bewG__setupArchivedBadge {
  letter-spacing: .02em;
  background: var(--mc-primary-soft);
  color: color-mix(in srgb, var(--mc-muted) 80%, transparent);
  border-radius: 12px;
  flex-shrink: 0;
  padding: 1.5px 5.5px;
  font-size: 7.5px;
  font-weight: 650;
  line-height: 1.2;
}

.AccountCardStack-module__50bewG__setupShelfRight {
  text-align: right;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-end;
  gap: 1px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupShelfBalanceLabel {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.AccountCardStack-module__50bewG__setupShelfBalanceValueRow {
  white-space: nowrap;
  flex-shrink: 0;
  align-items: baseline;
  gap: 3px;
  display: flex;
}

.AccountCardStack-module__50bewG__setupShelfBalancePrefix {
  color: rgba(255, 255, 255, .7);
  font-size: 12px;
  font-weight: 800;
}

.AccountCardStack-module__50bewG__setupShelfBalanceAmount {
  letter-spacing: -.05em;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.AccountCardStack-module__50bewG__cornerGlow {
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(circle at 100% 0, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 70%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.AccountCardStack-module__50bewG__cardBottomShade {
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .28) 100%);
  border-radius: 0 0 20px 20px;
  height: 95px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.AccountCardStack-module__50bewG__cardWatermark {
  color: rgba(255, 255, 255, .008);
  pointer-events: none;
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 450px;
  display: flex;
  position: absolute;
  bottom: -120px;
  right: -80px;
  overflow: hidden;
}

.AccountCardStack-module__50bewG__watermarkSvg {
  width: 100%;
  height: 100%;
  display: block;
}

.AccountCardStack-module__50bewG__cardHeader {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.AccountCardStack-module__50bewG__cardHeaderLeft {
  align-items: center;
  gap: 12px;
  display: flex;
}

.AccountCardStack-module__50bewG__cardHeaderRight {
  z-index: 5;
  align-items: center;
  gap: 6px;
  display: flex;
  position: relative;
}

.AccountCardStack-module__50bewG__cardHeaderInfo {
  flex-direction: column;
  gap: 1px;
  display: flex;
}

.AccountCardStack-module__50bewG__cardAccountName {
  color: #fff;
  letter-spacing: -.2px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.AccountCardStack-module__50bewG__cardAccountType {
  text-transform: uppercase;
  letter-spacing: .01em;
  color: var(--mc-muted, rgba(255, 255, 255, .45));
  font-size: 9px;
  font-weight: 700;
}

.AccountCardStack-module__50bewG__cardBody {
  z-index: 2;
  margin: 2px 0 4px;
  position: relative;
}

.AccountCardStack-module__50bewG__balanceLabel {
  letter-spacing: .3px;
  text-transform: none;
  color: var(--mc-muted);
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 600;
}

.AccountCardStack-module__50bewG__balanceAmount {
  color: #fff;
  letter-spacing: -.5px;
  align-items: baseline;
  gap: 4px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.AccountCardStack-module__50bewG__currencyPrefix {
  opacity: .85;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.AccountCardStack-module__50bewG__cardFooter {
  z-index: 2;
  border-top: none;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  gap: 12px;
  padding-top: 6px;
  display: grid;
  position: relative;
}

.AccountCardStack-module__50bewG__cardStatItem {
  text-align: left;
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.AccountCardStack-module__50bewG__cardStatLabel {
  letter-spacing: .2px;
  text-transform: none;
  color: var(--mc-muted);
  font-size: 9.5px;
  font-weight: 600;
}

.AccountCardStack-module__50bewG__cardStatValue {
  color: #f4f4f5;
  letter-spacing: -.2px;
  font-size: 12.5px;
  font-weight: 700;
}

.AccountCardStack-module__50bewG__cardBrandLogo {
  color: rgba(255, 255, 255, .4);
  justify-content: flex-end;
  align-items: center;
  padding-left: 4px;
  display: flex;
}

.AccountCardStack-module__50bewG__cardBrandSvg {
  display: block;
}

.AccountCardStack-module__50bewG__cardBackBody {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  margin: 2px 0 4px;
  display: flex;
  position: relative;
}

.AccountCardStack-module__50bewG__cardBackStatLabel {
  letter-spacing: .2px;
  color: var(--mc-muted);
  font-size: 10.5px;
  font-weight: 700;
}

.AccountCardStack-module__50bewG__cardBackStatAmount {
  color: #fff;
  letter-spacing: -.4px;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.1;
}

.AccountCardStack-module__50bewG__cardBackCountText {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 600;
}

.AccountCardStack-module__50bewG__cardBackFooter {
  z-index: 2;
  border-top: none;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 6px;
  display: grid;
  position: relative;
}

.AccountCardStack-module__50bewG__cardBackActionBtn {
  color: #fff;
  cursor: pointer;
  background: rgba(255, 255, 255, .035);
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .AccountCardStack-module__50bewG__cardBackActionBtn:hover {
    color: #fff;
    background: rgba(255, 255, 255, .08);
    transform: translateY(-1px);
  }
}

.AccountCardStack-module__50bewG__cardBackActionBtn:active {
  background: rgba(255, 255, 255, .02);
  transform: scale(.97);
}

.AccountCardStack-module__50bewG__cardBackActionBtn:focus {
  outline: none;
}

.AccountCardStack-module__50bewG__cardBackActionBtn:focus:not(:focus-visible) {
  background: rgba(255, 255, 255, .035);
}

.AccountCardStack-module__50bewG__bottomRow {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 4px;
  display: flex;
}

.AccountCardStack-module__50bewG__dotsWrap {
  align-items: center;
  gap: 6px;
  display: flex;
}

.AccountCardStack-module__50bewG__dotBtn {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px 2px;
  display: flex;
}

.AccountCardStack-module__50bewG__dot {
  background: color-mix(in srgb, var(--mc-text) 24%, transparent);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  transition: all .25s cubic-bezier(.2, .8, .2, 1);
}

.AccountCardStack-module__50bewG__dotActive {
  background: var(--mc-text);
  border-radius: 999px;
  width: 18px;
  height: 6px;
}

.AccountCardStack-module__50bewG__tightArrowBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin-left: 3px;
  padding: 3px;
  line-height: 0;
  transition: color .15s, transform .15s;
  display: flex;
}

.AccountCardStack-module__50bewG__tightArrowBtn:hover {
  color: var(--mc-text);
  transform: scale(1.12);
}

.AccountCardStack-module__50bewG__tightArrowBtn:active {
  opacity: .7;
  transform: scale(.92);
}

.AccountCardStack-module__50bewG__themeObsidian {
  background: linear-gradient(160deg, #1b202c 0%, #11141c 55%, #0a0c12 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeRose {
  background: linear-gradient(160deg, #2c1523 0%, #1c0d16 55%, #11070e 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeGlacier {
  background: linear-gradient(160deg, #fff 0%, #f1f5f9 60%, #e2e8f0 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeGlacier.AccountCardStack-module__50bewG__cardBackFace:before {
  background: rgba(15, 23, 42, .04);
}

.AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardAccountName, .AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__balanceAmount, .AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardStatValue, .AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardBackStatAmount {
  color: #0f172a;
}

.AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardAccountType, .AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__balanceLabel, .AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardStatLabel, .AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardBackStatLabel {
  color: #334155;
  font-weight: 700;
}

.AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardBackCountText {
  color: #475569;
  font-weight: 600;
}

.AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardBrandLogo {
  color: #0f172a;
}

.AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardWatermark {
  color: #0f172a;
  opacity: .035;
}

.AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardBottomShade {
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .04) 100%);
}

.AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardBackActionBtn {
  color: #0f172a;
  background: rgba(15, 23, 42, .09);
  border: 1px solid rgba(15, 23, 42, .06);
  font-weight: 750;
}

.AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__cardBackActionBtn:hover {
  color: #0f172a;
  background: rgba(15, 23, 42, .16);
}

.AccountCardStack-module__50bewG__themeGlacier .AccountCardStack-module__50bewG__flipBtn {
  color: #0f172a;
  background: none;
}

.AccountCardStack-module__50bewG__themeMidnight {
  background: linear-gradient(160deg, #15263d 0%, #0d1a29 55%, #070e17 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeEmerald {
  background: linear-gradient(160deg, #0e3022 0%, #082117 55%, #04120c 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeAmethyst {
  background: linear-gradient(160deg, #29123b 0%, #1e0e2c 55%, #100618 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeAmber {
  background: linear-gradient(160deg, #381a0c 0%, #29130a 55%, #170904 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeCyber {
  background: linear-gradient(160deg, #10212a 0%, #0a161c 55%, #050b0e 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeTitanium {
  background: linear-gradient(160deg, #2b3440 0%, #1e242c 55%, #12161b 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeCrimson {
  background: linear-gradient(160deg, #360c16 0%, #26090f 55%, #150408 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeSolar {
  background: linear-gradient(160deg, #3d2c05 0%, #291c02 55%, #140d01 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeScarlet {
  background: linear-gradient(160deg, #450a0a 0%, #2b0606 55%, #180303 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeRoyal {
  background: linear-gradient(160deg, #0c2d57 0%, #061e3d 55%, #020f21 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeMint {
  background: linear-gradient(160deg, #063d21 0%, #032815 55%, #01140a 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeFuchsia {
  background: linear-gradient(160deg, #42082b 0%, #2c041c 55%, #17020e 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themePacific {
  background: linear-gradient(160deg, #063c47 0%, #03272e 55%, #011317 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeTangerine {
  background: linear-gradient(160deg, #431b07 0%, #2d1003 55%, #170801 100%);
  border: none;
}

.AccountCardStack-module__50bewG__themeVolt {
  background: linear-gradient(160deg, #233808 0%, #152404 55%, #091201 100%);
  border: none;
}

.AccountCardStack-module__50bewG__alertBackdrop {
  background: var(--mc-overlay, rgba(0, 0, 0, .45));
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  z-index: 99999;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateZ(0);
}

.AccountCardStack-module__50bewG__alertCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 50%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 30%, transparent);
  text-align: center;
  box-sizing: border-box;
  border-radius: 22px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 310px;
  padding: 22px 20px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .5);
}

.AccountCardStack-module__50bewG__alertContent {
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
  display: flex;
}

.AccountCardStack-module__50bewG__alertTitle {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 15px;
  font-weight: 750;
}

.AccountCardStack-module__50bewG__alertDesc {
  color: var(--mc-muted, rgba(255, 255, 255, .55));
  margin: 0;
  font-size: 12px;
  font-weight: 450;
  line-height: 1.45;
}

.AccountCardStack-module__50bewG__alertActions {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.AccountCardStack-module__50bewG__alertPrimaryBtn {
  background: var(--mc-primary, #3b82f6);
  color: #fff;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 999px;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  font-size: 13px;
  font-weight: 700;
  transition: opacity .15s, transform .15s;
  display: flex;
}

.AccountCardStack-module__50bewG__alertPrimaryBtn:active {
  opacity: .9;
  transform: scale(.98);
}

.AccountCardStack-module__50bewG__alertSecondaryBtn {
  width: 100%;
  height: 36px;
  color: var(--mc-muted, rgba(255, 255, 255, .5));
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  border-radius: 999px;
  outline: none;
  justify-content: center;
  align-items: center;
  font-size: 12.5px;
  font-weight: 600;
  transition: color .15s;
  display: flex;
}

.AccountCardStack-module__50bewG__alertSecondaryBtn:hover {
  color: var(--mc-text, #fff);
}

/* [project]/src/components/accounts/AdjustBalanceDrawer.module.css [app-client] (css) */
.AdjustBalanceDrawer-module__UT2TqG__overlay {
  z-index: 25000;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.AdjustBalanceDrawer-module__UT2TqG__backdrop {
  -webkit-backdrop-filter: blur(14px);
  background: rgba(0, 0, 0, .72);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.AdjustBalanceDrawer-module__UT2TqG__sheet {
  background: var(--mc-bg, #0b0e14);
  width: 100%;
  max-width: 480px;
  box-shadow: var(--mc-shadow-sheet, 0 -16px 48px rgba(0, 0, 0, .7));
  z-index: 2;
  border: none;
  border-radius: 28px 28px 0 0;
  flex-direction: column;
  max-height: 92vh;
  margin: 0 auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.AdjustBalanceDrawer-module__UT2TqG__handle {
  background: var(--mc-border, rgba(255, 255, 255, .18));
  border-radius: 99px;
  width: 38px;
  height: 4px;
  margin: 10px auto 2px;
}

.AdjustBalanceDrawer-module__UT2TqG__header {
  border: none;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 8px;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__headerLeft {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__headerInfo {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__title {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
}

.AdjustBalanceDrawer-module__UT2TqG__subtitle {
  color: var(--mc-muted, rgba(255, 255, 255, .5));
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
}

.AdjustBalanceDrawer-module__UT2TqG__closeBtn {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  color: var(--mc-muted, rgba(255, 255, 255, .8));
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  aspect-ratio: 1;
  background: none;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: all .15s;
  display: grid;
}

.AdjustBalanceDrawer-module__UT2TqG__closeBtn:active {
  color: #fff;
  background: rgba(255, 255, 255, .15);
  transform: scale(.94);
}

.AdjustBalanceDrawer-module__UT2TqG__body {
  flex-direction: column;
  gap: 14px;
  padding: 12px 20px 18px;
  display: flex;
  overflow-y: auto;
}

.AdjustBalanceDrawer-module__UT2TqG__segmentedControl {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  height: 44px;
  min-height: 44px;
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 18px;
  flex-shrink: 0;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 4px;
  display: grid;
}

.AdjustBalanceDrawer-module__UT2TqG__segmentBtn {
  color: var(--mc-muted, rgba(255, 255, 255, .6));
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__segmentBtnActive {
  background: var(--mc-primary);
  color: #fff;
}

.AdjustBalanceDrawer-module__UT2TqG__explainerBox {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 40%, var(--mc-card)) 100%);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .08));
  box-sizing: border-box;
  border-radius: 14px;
  align-items: center;
  min-height: 52px;
  padding: 10px 14px;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__inlineInfoIcon {
  vertical-align: -2px;
  color: var(--mc-icon-accent);
  flex-shrink: 0;
  margin-right: 4px;
  display: inline-block;
}

.AdjustBalanceDrawer-module__UT2TqG__explainerBox p {
  color: var(--mc-muted, rgba(255, 255, 255, .65));
  width: 100%;
  margin: 0;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.45;
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardBtn {
  box-sizing: border-box;
  background: var(--mc-card, #131722);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .08));
  width: 100%;
  min-height: 148px;
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardBtn:hover {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .18);
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardBtn:active {
  transform: scale(.99);
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardTop {
  justify-content: space-between;
  align-items: center;
  min-height: 16px;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardLabel {
  color: var(--mc-muted, rgba(255, 255, 255, .6));
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardMiddle {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 42px;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardAmountRow {
  flex: 1;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardCurrency {
  color: var(--mc-muted, rgba(255, 255, 255, .55));
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardValue {
  color: #fff;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 28px;
  font-weight: 850;
  line-height: 1;
  overflow: hidden;
}

.AdjustBalanceDrawer-module__UT2TqG__editActionBtn {
  background: var(--mc-primary, #3b82f6);
  color: var(--mc-on-primary, #fff);
  letter-spacing: -.01em;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.2;
  transition: all .15s;
  display: inline-flex;
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardBtn:hover .AdjustBalanceDrawer-module__UT2TqG__editActionBtn {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(59, 130, 246, .45);
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardBtn:active .AdjustBalanceDrawer-module__UT2TqG__editActionBtn {
  transform: scale(.95);
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardDivider {
  background: rgba(255, 255, 255, .06);
  width: 100%;
  height: 1px;
}

.AdjustBalanceDrawer-module__UT2TqG__balanceCardBottom {
  justify-content: space-between;
  align-items: center;
  min-height: 24px;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__deltaLabel {
  color: var(--mc-muted, rgba(255, 255, 255, .5));
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.2;
}

.AdjustBalanceDrawer-module__UT2TqG__deltaBadge {
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.2;
}

.AdjustBalanceDrawer-module__UT2TqG__deltaPositive {
  color: #4ade80;
}

.AdjustBalanceDrawer-module__UT2TqG__deltaNegative {
  color: #f87171;
}

.AdjustBalanceDrawer-module__UT2TqG__deltaZero {
  color: var(--mc-muted, rgba(255, 255, 255, .5));
}

.AdjustBalanceDrawer-module__UT2TqG__projectedBalance {
  color: #60a5fa;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.2;
}

.AdjustBalanceDrawer-module__UT2TqG__subpadHeroCard {
  background: var(--mc-card, #131722);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .08));
  box-shadow: var(--mc-shadow-card);
  border-radius: 14px;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 18px;
  padding: 20px 16px;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__subpadCurrentRow {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__subpadAccountLeft {
  align-items: center;
  gap: 8px;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__subpadCurrentLabel {
  color: var(--mc-muted, rgba(255, 255, 255, .6));
  font-size: 11.5px;
  font-weight: 700;
}

.AdjustBalanceDrawer-module__UT2TqG__subpadCurrentValue {
  color: #fff;
  letter-spacing: -.01em;
  font-size: 13.5px;
  font-weight: 800;
}

.AdjustBalanceDrawer-module__UT2TqG__subpadDivider {
  background: rgba(255, 255, 255, .06);
  width: 100%;
  height: 1px;
}

.AdjustBalanceDrawer-module__UT2TqG__subpadDifferenceRow {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__subpadNoteLabel {
  color: var(--mc-muted, rgba(255, 255, 255, .6));
  font-size: 11.5px;
  font-weight: 650;
}

.AdjustBalanceDrawer-module__UT2TqG__padDoneBtn {
  background: var(--mc-primary, #3b82f6);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 16px;
  width: 100%;
  height: 48px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: all .15s;
}

.AdjustBalanceDrawer-module__UT2TqG__padDoneBtn:active {
  transform: scale(.98);
}

.AdjustBalanceDrawer-module__UT2TqG__footer {
  padding: 14px 20px max(20px, calc(10px + env(safe-area-inset-bottom)));
  background: var(--mc-bg, #0b0e12);
  align-items: center;
  gap: 10px;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__cancelBtn {
  background: var(--mc-surface);
  color: var(--mc-text);
  cursor: pointer;
  border: none;
  border-radius: 14px;
  flex: 1;
  padding: 12px 16px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  transition: all .15s;
}

.AdjustBalanceDrawer-module__UT2TqG__cancelBtn:active {
  transform: scale(.97);
}

.AdjustBalanceDrawer-module__UT2TqG__saveBtn {
  background: var(--mc-primary);
  color: var(--mc-text);
  cursor: pointer;
  border: none;
  border-radius: 14px;
  flex: 2;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.AdjustBalanceDrawer-module__UT2TqG__saveBtn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.AdjustBalanceDrawer-module__UT2TqG__saveBtn:active:not(:disabled) {
  transform: scale(.97);
}

/* [project]/src/components/accounts/CardAccountDetailsDrawer.module.css [app-client] (css) */
.CardAccountDetailsDrawer-module__SQ1Dba__body {
  flex-direction: column;
  gap: 16px;
  padding: 4px 0 16px;
  display: flex;
}

.CardAccountDetailsDrawer-module__SQ1Dba__bannerRow {
  grid-template-columns: 3fr 1fr;
  align-items: stretch;
  gap: 10px;
  display: grid;
}

.CardAccountDetailsDrawer-module__SQ1Dba__securityBanner {
  color: var(--mc-muted);
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 40%, var(--mc-card)) 100%);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .08));
  border-radius: 14px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.CardAccountDetailsDrawer-module__SQ1Dba__securityIcon {
  color: var(--mc-primary);
  flex-shrink: 0;
  margin-top: 1px;
}

.CardAccountDetailsDrawer-module__SQ1Dba__masterCopyBtn {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 40%, var(--mc-card)) 100%);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .08));
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 6px;
  font-size: 11px;
  font-weight: 700;
  transition: opacity .15s, transform .15s;
  display: flex;
}

.CardAccountDetailsDrawer-module__SQ1Dba__masterCopyBtn:active {
  opacity: .75;
  transform: scale(.97);
}

.CardAccountDetailsDrawer-module__SQ1Dba__fieldGroup {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.CardAccountDetailsDrawer-module__SQ1Dba__twoColGrid {
  grid-template-columns: 2fr 1fr;
  gap: 12px;
  display: grid;
}

.CardAccountDetailsDrawer-module__SQ1Dba__fieldLabel {
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 650;
}

.CardAccountDetailsDrawer-module__SQ1Dba__inputWrap {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.CardAccountDetailsDrawer-module__SQ1Dba__textInput {
  background: var(--mc-card);
  width: 100%;
  height: 48px;
  box-shadow: var(--mc-shadow-card);
  color: var(--mc-text);
  box-sizing: border-box;
  border: 1px solid var(--mc-border);
  border-radius: 14px;
  outline: none;
  padding: 0 42px 0 14px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 550;
  transition: border-color .15s;
}

.CardAccountDetailsDrawer-module__SQ1Dba__textInput:focus {
  border-color: var(--mc-primary);
}

.CardAccountDetailsDrawer-module__SQ1Dba__textInput::placeholder {
  color: var(--mc-muted);
  opacity: .5;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
}

.CardAccountDetailsDrawer-module__SQ1Dba__textArea {
  box-sizing: border-box;
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  width: 100%;
  color: var(--mc-text);
  resize: none;
  border-radius: 14px;
  outline: none;
  padding: 12px 42px 12px 14px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.45;
  transition: border-color .15s;
}

.CardAccountDetailsDrawer-module__SQ1Dba__textArea:focus {
  border-color: var(--mc-primary);
}

.CardAccountDetailsDrawer-module__SQ1Dba__textArea::placeholder {
  color: var(--mc-muted);
  opacity: .5;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
}

.CardAccountDetailsDrawer-module__SQ1Dba__fieldCopyBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  place-items: center;
  padding: 6px;
  transition: color .15s, opacity .15s, transform .15s;
  display: grid;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.CardAccountDetailsDrawer-module__SQ1Dba__fieldCopyBtn:active {
  opacity: .6;
  transform: translateY(-50%)scale(.9);
}

.CardAccountDetailsDrawer-module__SQ1Dba__fieldCopyBtnTextarea {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  place-items: center;
  padding: 6px;
  transition: color .15s, opacity .15s, transform .15s;
  display: grid;
  position: absolute;
  top: 10px;
  right: 10px;
}

.CardAccountDetailsDrawer-module__SQ1Dba__fieldCopyBtnTextarea:active {
  opacity: .6;
  transform: scale(.9);
}

.CardAccountDetailsDrawer-module__SQ1Dba__footerActions {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  display: grid;
}

.CardAccountDetailsDrawer-module__SQ1Dba__cancelBtn {
  background: var(--mc-surface);
  height: 46px;
  color: var(--mc-text);
  cursor: pointer;
  border: none;
  border-radius: 14px;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.CardAccountDetailsDrawer-module__SQ1Dba__cancelBtn:active {
  opacity: .7;
  transform: scale(.98);
}

.CardAccountDetailsDrawer-module__SQ1Dba__doneBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  place-items: center;
  height: 46px;
  font-size: 14px;
  font-weight: 750;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.CardAccountDetailsDrawer-module__SQ1Dba__doneBtn:active {
  opacity: .85;
  transform: scale(.98);
}

/* [project]/src/components/cards/EditAccountDrawer.module.css [app-client] (css) */
.EditAccountDrawer-module__LAtoVW__pageOverlay {
  z-index: 20000;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(0, 0, 0, .75);
  justify-content: center;
  align-items: stretch;
  animation: .22s ease-out both EditAccountDrawer-module__LAtoVW__pageFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes EditAccountDrawer-module__LAtoVW__pageFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.EditAccountDrawer-module__LAtoVW__pageContainer {
  z-index: 1;
  background: var(--mc-bg, #090b0e);
  flex-direction: column;
  width: 100%;
  max-width: 540px;
  height: 100dvh;
  max-height: 100dvh;
  animation: .28s cubic-bezier(.16, 1, .3, 1) both EditAccountDrawer-module__LAtoVW__pageSlideUp;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 50px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .08);
}

@keyframes EditAccountDrawer-module__LAtoVW__pageSlideUp {
  from {
    opacity: .8;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.EditAccountDrawer-module__LAtoVW__header {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg, #090b0e);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.EditAccountDrawer-module__LAtoVW__headerTitle {
  color: var(--mc-text, #fff);
  letter-spacing: -.015em;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 800;
  overflow: hidden;
}

.EditAccountDrawer-module__LAtoVW__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text, #fff);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.EditAccountDrawer-module__LAtoVW__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.EditAccountDrawer-module__LAtoVW__backBtn svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.EditAccountDrawer-module__LAtoVW__headerGhost {
  pointer-events: none;
  width: 40px;
  height: 40px;
}

.EditAccountDrawer-module__LAtoVW__body {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 22px;
  padding: 16px 18px 36px;
  display: flex;
  overflow-y: auto;
}

.EditAccountDrawer-module__LAtoVW__body::-webkit-scrollbar {
  display: none;
}

.EditAccountDrawer-module__LAtoVW__previewSection {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 360px;
  height: 220px;
  margin: 0 auto;
  padding: 0;
  display: block;
  position: relative;
}

.EditAccountDrawer-module__LAtoVW__section {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__sectionHeader {
  justify-content: space-between;
  align-items: center;
  padding: 0 4px;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__sectionTitle {
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 750;
}

.EditAccountDrawer-module__LAtoVW__cardGroup {
  background: var(--mc-card, rgba(255, 255, 255, .043));
  box-shadow: var(--mc-shadow-card);
  border: none;
  border-radius: 18px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.EditAccountDrawer-module__LAtoVW__row {
  color: var(--mc-text, #fff);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 10px 12px;
  font-family: inherit;
  transition: background .15s;
  display: flex;
  position: relative;
}

.EditAccountDrawer-module__LAtoVW__row:not(:last-child):after {
  content: "";
  background: var(--mc-divider);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
}

.EditAccountDrawer-module__LAtoVW__row:hover {
  background: rgba(255, 255, 255, .024);
}

.EditAccountDrawer-module__LAtoVW__rowLeft {
  flex: 1;
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__rowIconWrap {
  background: var(--mc-primary-soft);
  width: 38px;
  height: 38px;
  color: var(--mc-icon-accent);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.EditAccountDrawer-module__LAtoVW__rowLabelGroup {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__rowLabel {
  color: var(--mc-text, #fff);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
}

.EditAccountDrawer-module__LAtoVW__rowSubtitle {
  color: var(--mc-muted, #64748b);
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.35;
}

.EditAccountDrawer-module__LAtoVW__rowRight {
  color: var(--mc-muted, #94a3b8);
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  margin-left: 12px;
  font-size: 13.5px;
  font-weight: 700;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__rowRightValue {
  color: var(--mc-text, #fff);
}

.EditAccountDrawer-module__LAtoVW__rowInput {
  min-width: 0;
  color: var(--mc-text, #fff);
  text-align: right;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  margin: 0;
  padding: 0;
  font-size: 14.5px;
  font-weight: 700;
}

.EditAccountDrawer-module__LAtoVW__rowInput::placeholder {
  color: var(--mc-muted, #64748b);
}

.EditAccountDrawer-module__LAtoVW__themesRow {
  scrollbar-width: none;
  gap: 12px;
  padding: 6px 4px 8px;
  display: flex;
  overflow-x: auto;
}

.EditAccountDrawer-module__LAtoVW__themesRow::-webkit-scrollbar {
  display: none;
}

.EditAccountDrawer-module__LAtoVW__themeSwatchItem {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__themeMiniCard {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 72px;
  height: 44px;
  padding: 6px 8px;
  transition: all .15s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.EditAccountDrawer-module__LAtoVW__themeMiniCardActive {
  box-shadow: none;
  border-color: #3b82f6;
  transform: none;
}

.EditAccountDrawer-module__LAtoVW__themeMiniLine {
  border-radius: 2px;
  width: 28px;
  height: 3px;
  margin-top: auto;
}

.EditAccountDrawer-module__LAtoVW__themeItemName {
  color: var(--mc-muted, #94a3b8);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 11px;
  font-weight: 600;
}

.EditAccountDrawer-module__LAtoVW__themeItemNameActive {
  color: var(--mc-text, #fff);
  font-weight: 700;
}

.EditAccountDrawer-module__LAtoVW__appearanceGroupSection {
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__appearanceDivider {
  background: var(--mc-divider, rgba(255, 255, 255, .07));
  height: 1px;
  margin: 0 14px;
}

.EditAccountDrawer-module__LAtoVW__subSectionHeader {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__subSectionTitle {
  color: var(--mc-muted, #94a3b8);
  text-transform: none;
  letter-spacing: -.01em;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 750;
}

.EditAccountDrawer-module__LAtoVW__scrollerFadeWrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to right, #000 calc(100% - 32px), rgba(0, 0, 0, 0) 100%);
}

.EditAccountDrawer-module__LAtoVW__filterPills {
  flex-shrink: 0;
  gap: 6px;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__filterPill {
  color: var(--mc-muted, #94a3b8);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(255, 255, 255, .04);
  border: none;
  border-radius: 99px;
  outline: none;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 700;
  transition: all .15s;
}

.EditAccountDrawer-module__LAtoVW__filterPillActive {
  background: var(--mc-primary);
  color: #fff;
}

.EditAccountDrawer-module__LAtoVW__logoGrid {
  scrollbar-width: none;
  gap: 10px;
  padding: 6px 4px 8px;
  display: flex;
  overflow-x: auto;
}

.EditAccountDrawer-module__LAtoVW__logoGrid::-webkit-scrollbar {
  display: none;
}

.EditAccountDrawer-module__LAtoVW__logoTile {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  display: flex;
  position: relative;
}

.EditAccountDrawer-module__LAtoVW__logoTileNone {
  width: 44px;
  height: 44px;
  color: var(--mc-muted, #94a3b8);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__logoTileNoneActive {
  box-shadow: none;
  color: #60a5fa;
  background: rgba(59, 130, 246, .12);
  border: 2px solid #3b82f6;
  border-radius: 14px;
}

.EditAccountDrawer-module__LAtoVW__logoTileActiveBadge {
  position: relative;
}

.EditAccountDrawer-module__LAtoVW__logoTileActiveBadge:after {
  content: "";
  box-shadow: none;
  pointer-events: none;
  border: 2px solid #3b82f6;
  border-radius: 14px;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
}

.EditAccountDrawer-module__LAtoVW__iconTile {
  width: 44px;
  height: 44px;
  color: var(--mc-muted, #94a3b8);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 12px;
  outline: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__iconTileActive {
  color: #60a5fa;
  box-shadow: none;
  background: rgba(59, 130, 246, .12);
  border: 2px solid #3b82f6;
  border-radius: 14px;
}

.EditAccountDrawer-module__LAtoVW__toggleBtn {
  cursor: pointer;
  background: rgba(255, 255, 255, .15);
  border: none;
  border-radius: 12px;
  flex-shrink: 0;
  width: 44px;
  min-width: 44px;
  height: 24px;
  margin-left: 8px;
  padding: 0;
  transition: background .2s;
  position: relative;
}

.EditAccountDrawer-module__LAtoVW__toggleBtnOn {
  background: var(--mc-primary, #2563eb);
}

.EditAccountDrawer-module__LAtoVW__toggleThumb {
  pointer-events: none;
  background: #fff;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  transition: transform .2s cubic-bezier(.2, .9, .3, 1);
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

.EditAccountDrawer-module__LAtoVW__toggleBtnOn .EditAccountDrawer-module__LAtoVW__toggleThumb {
  transform: translateX(20px);
}

.EditAccountDrawer-module__LAtoVW__dangerGroup {
  background: none;
  border: none;
}

.EditAccountDrawer-module__LAtoVW__deleteRowBtn {
  background: color-mix(in srgb, var(--mc-danger) 10%, transparent);
  width: 100%;
  height: 48px;
  min-height: 48px;
  color: var(--mc-danger, #ef4444);
  letter-spacing: -.01em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__deleteRowBtn:hover {
  background: rgba(239, 68, 68, .08);
}

.EditAccountDrawer-module__LAtoVW__deleteRowLeft {
  align-items: center;
  gap: 10px;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__footer {
  padding: 14px 20px max(20px, calc(10px + env(safe-area-inset-bottom)));
  background: var(--mc-bg, #090b0e);
  flex-shrink: 0;
}

.EditAccountDrawer-module__LAtoVW__saveBtn {
  background: var(--mc-primary);
  color: #fff;
  letter-spacing: -.02em;
  cursor: pointer;
  width: 100%;
  height: 50px;
  box-shadow: none;
  border: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  font-size: 15.5px;
  font-weight: 800;
  transition: transform .15s, opacity .15s;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__saveBtn:active {
  transform: scale(.985);
}

.EditAccountDrawer-module__LAtoVW__saveBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.EditAccountDrawer-module__LAtoVW__subModalOverlay {
  z-index: 25000;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .75);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.EditAccountDrawer-module__LAtoVW__subModalPanel {
  background: var(--mc-bg, #090b0e);
  width: 100%;
  max-width: 500px;
  max-height: 80dvh;
  padding-bottom: max(16px, env(safe-area-inset-bottom, 16px));
  border-radius: 28px 28px 0 0;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .08);
}

.EditAccountDrawer-module__LAtoVW__subModalHeader {
  background: var(--mc-bg, #090b0e);
  z-index: 10;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.EditAccountDrawer-module__LAtoVW__subModalTitle {
  color: var(--mc-text, #fff);
  font-size: 16px;
  font-weight: 800;
}

.EditAccountDrawer-module__LAtoVW__subModalClose {
  color: var(--mc-muted, #94a3b8);
  cursor: pointer;
  background: none;
  border: none;
  place-items: center;
  padding: 4px;
  display: grid;
}

.EditAccountDrawer-module__LAtoVW__subModalBody {
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px;
  display: flex;
  overflow-y: auto;
}

.EditAccountDrawer-module__LAtoVW__pickerOption {
  color: var(--mc-text, #fff);
  cursor: pointer;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  transition: all .15s;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__pickerOption:hover {
  background: rgba(255, 255, 255, .06);
}

.EditAccountDrawer-module__LAtoVW__pickerOptionActive {
  border-color: var(--mc-primary, #3b82f6);
  background: rgba(59, 130, 246, .1);
}

.EditAccountDrawer-module__LAtoVW__pickerOptionLeft {
  align-items: center;
  gap: 12px;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__pickerOptionMeta {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__pickerOptionTitle {
  color: var(--mc-text, #fff);
  font-size: 14.5px;
  font-weight: 750;
}

.EditAccountDrawer-module__LAtoVW__pickerOptionDesc {
  color: var(--mc-muted, #64748b);
  font-size: 12px;
}

.EditAccountDrawer-module__LAtoVW__searchField {
  color: #fff;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  outline: none;
  width: 100%;
  margin-bottom: 6px;
  padding: 11px 14px;
  font-size: 14px;
}

.EditAccountDrawer-module__LAtoVW__thresholdCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 20px 18px;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__thresholdAmountBtn {
  cursor: pointer;
  text-align: center;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
  transition: transform .12s;
}

.EditAccountDrawer-module__LAtoVW__thresholdAmountBtn:active {
  transform: scale(.96);
}

.EditAccountDrawer-module__LAtoVW__thresholdAmountText {
  letter-spacing: -.04em;
  color: var(--mc-primary);
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
}

.EditAccountDrawer-module__LAtoVW__thresholdSubtitle {
  color: var(--mc-muted);
  margin-top: 6px;
  font-size: 13px;
  font-weight: 650;
}

.EditAccountDrawer-module__LAtoVW__presetsGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  width: 100%;
  display: grid;
}

.EditAccountDrawer-module__LAtoVW__presetChip {
  color: var(--mc-text);
  cursor: pointer;
  text-align: center;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .EditAccountDrawer-module__LAtoVW__presetChip:hover {
    background: rgba(255, 255, 255, .12);
  }
}

.EditAccountDrawer-module__LAtoVW__presetChip:active {
  transform: scale(.97);
}

.EditAccountDrawer-module__LAtoVW__presetChip:focus {
  outline: none;
}

.EditAccountDrawer-module__LAtoVW__presetChip:focus:not(:focus-visible) {
  background: rgba(255, 255, 255, .06);
}

.EditAccountDrawer-module__LAtoVW__presetChipActive {
  background: var(--mc-primary-soft);
  border-color: var(--mc-primary);
  color: var(--mc-primary);
}

.EditAccountDrawer-module__LAtoVW__thresholdSliderWrap {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 4px 0;
  display: flex;
}

.EditAccountDrawer-module__LAtoVW__thresholdSlider {
  width: 100%;
  height: 6px;
  accent-color: var(--mc-primary);
  cursor: pointer;
  border-radius: 3px;
}

.EditAccountDrawer-module__LAtoVW__sliderTicks {
  color: var(--mc-muted);
  justify-content: space-between;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

/* [project]/src/components/cards/AccountCardOverlay.module.css [app-client] (css) */
.AccountCardOverlay-module__8OFKhG__overlayBackdrop {
  z-index: 120;
  background: var(--mc-overlay);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);
  box-sizing: border-box;
  padding: env(safe-area-inset-top, 16px) 16px env(safe-area-inset-bottom, 24px) 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.AccountCardOverlay-module__8OFKhG__scrim {
  cursor: pointer;
  z-index: 0;
  background: none;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.AccountCardOverlay-module__8OFKhG__overlayHeader {
  box-sizing: border-box;
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 400px;
  padding: 8px 8px 12px;
  display: flex;
}

.AccountCardOverlay-module__8OFKhG__deckHintArea {
  text-align: center;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 100%;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.AccountCardOverlay-module__8OFKhG__hintLinePrimary {
  color: rgba(255, 255, 255, .72);
  letter-spacing: -.01em;
  font-size: .74rem;
  font-weight: 500;
}

.AccountCardOverlay-module__8OFKhG__hintLineSecondary {
  color: rgba(255, 255, 255, .48);
  letter-spacing: -.005em;
  font-size: .74rem;
  font-weight: 500;
}

.AccountCardOverlay-module__8OFKhG__closeBtn {
  color: #fff;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 8px 6px;
  font-family: inherit;
  font-size: .92rem;
  font-weight: 600;
  transition: opacity .15s, transform .15s;
  display: inline-flex;
}

.AccountCardOverlay-module__8OFKhG__closeBtn:hover {
  opacity: .8;
  background: none;
}

.AccountCardOverlay-module__8OFKhG__closeBtn:active {
  opacity: .6;
  background: none;
  transform: scale(.96);
}

.AccountCardOverlay-module__8OFKhG__addAccountBtn {
  color: #fff;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  transition: opacity .15s, transform .15s;
  display: inline-flex;
}

.AccountCardOverlay-module__8OFKhG__addAccountBtn:hover {
  opacity: .8;
  background: none;
}

.AccountCardOverlay-module__8OFKhG__addAccountBtn:active {
  opacity: .6;
  background: none;
  transform: scale(.94);
}

.AccountCardOverlay-module__8OFKhG__deckScrollArea {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  perspective: 1200px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 420px;
  padding: 10px 0;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.AccountCardOverlay-module__8OFKhG__deckScrollArea::-webkit-scrollbar {
  display: none;
}

.AccountCardOverlay-module__8OFKhG__deckViewport {
  box-sizing: border-box;
  touch-action: none;
  width: 100%;
  max-width: 380px;
  position: relative;
}

.AccountCardOverlay-module__8OFKhG__cascadingCard {
  box-sizing: border-box;
  transform-origin: center;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  border-radius: 20px;
  outline: none;
  width: 100%;
  height: 205px;
  position: absolute;
  left: 0;
  right: 0;
}

.AccountCardOverlay-module__8OFKhG__cascadingCardTucked {
  cursor: pointer;
}

.AccountCardOverlay-module__8OFKhG__cascadingCardActive {
  cursor: grab;
}

.AccountCardOverlay-module__8OFKhG__cascadingCardActive:active {
  cursor: grabbing;
}

/* [project]/src/components/home/HomeShortcutsRow.module.css [app-client] (css) */
.HomeShortcutsRow-module__K8xXPW__carouselContainer {
  width: 100%;
  box-shadow: none;
  background: none;
  border: none;
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.HomeShortcutsRow-module__K8xXPW__shortcutsScrollWrap {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  box-sizing: border-box;
  background: none;
  border: none;
  width: 100%;
  padding: 2px 0 4px;
  display: flex;
  overflow-x: auto;
}

.HomeShortcutsRow-module__K8xXPW__shortcutsScrollWrap::-webkit-scrollbar {
  display: none;
}

.HomeShortcutsRow-module__K8xXPW__shortcutsGrid {
  box-sizing: border-box;
  background: none;
  border: none;
  grid-template-rows: repeat(2, 76px);
  grid-auto-columns: calc(25% - 6px);
  grid-auto-flow: column;
  gap: 10px 8px;
  width: max-content;
  min-width: 100%;
  display: grid;
}

.HomeShortcutsRow-module__K8xXPW__shortcutCard {
  background: var(--mc-card);
  cursor: pointer;
  width: 100%;
  min-width: 0;
  height: 76px;
  box-shadow: var(--mc-shadow-card);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  scroll-snap-align: start;
  border: 0;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 8px 2px;
  font-family: inherit;
  text-decoration: none;
  transition: transform .15s, background .15s, box-shadow .15s;
  display: flex;
  position: relative;
  transform: translateZ(0);
}

.HomeShortcutsRow-module__K8xXPW__shortcutCard:hover {
  background: var(--mc-surface);
  transform: translateY(-2px)translateZ(0);
}

.HomeShortcutsRow-module__K8xXPW__shortcutCard:active {
  transform: scale(.93)translateZ(0);
}

.HomeShortcutsRow-module__K8xXPW__iconWrap {
  color: var(--mc-icon-accent);
  place-items: center;
  line-height: 0;
  transition: transform .15s, color .15s;
  display: grid;
}

.HomeShortcutsRow-module__K8xXPW__shortcutCard:hover .HomeShortcutsRow-module__K8xXPW__iconWrap {
  transform: scale(1.06);
}

.HomeShortcutsRow-module__K8xXPW__label {
  color: var(--mc-muted);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -.03em;
  box-sizing: border-box;
  width: 100%;
  padding: 0 1px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.15;
  transition: color .15s;
  overflow: hidden;
}

.HomeShortcutsRow-module__K8xXPW__shortcutCard:hover .HomeShortcutsRow-module__K8xXPW__label {
  color: var(--mc-text);
}

.HomeShortcutsRow-module__K8xXPW__badge {
  filter: drop-shadow(0 0 2px rgba(49, 111, 228, .5));
  pointer-events: none;
  background: #3b82f6;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  right: 7px;
}

.HomeShortcutsRow-module__K8xXPW__paginationDots {
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  display: flex;
}

.HomeShortcutsRow-module__K8xXPW__dot {
  background: var(--mc-border-light, rgba(255, 255, 255, .2));
  border-radius: 999px;
  width: 5px;
  height: 5px;
  transition: all .22s cubic-bezier(.16, 1, .3, 1);
}

.HomeShortcutsRow-module__K8xXPW__dotActive {
  width: 14px;
  background: #fff !important;
}

/* [project]/src/components/home/HomeActionCenter.module.css [app-client] (css) */
.HomeActionCenter-module__6kB8MW__container {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  display: flex;
  position: relative;
}

.HomeActionCenter-module__6kB8MW__stackStage {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  perspective: 1000px;
  touch-action: pan-y;
  width: 100%;
  position: relative;
}

.HomeActionCenter-module__6kB8MW__underCardDeleteSlot {
  color: #fff;
  z-index: 0;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  background: #881d1d;
  border: none;
  border-radius: 18px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 140px;
  height: 64px;
  padding: 0;
  transition: opacity .15s, transform .15s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.HomeActionCenter-module__6kB8MW__underCardDeleteInner {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 64px;
  height: 100%;
  display: flex;
}

.HomeActionCenter-module__6kB8MW__underCardDeleteSlot.HomeActionCenter-module__6kB8MW__visible {
  opacity: 1;
  pointer-events: auto;
}

.HomeActionCenter-module__6kB8MW__underCardDeleteSlot:active {
  transform: scale(.96);
}

.HomeActionCenter-module__6kB8MW__underCardDeleteText {
  letter-spacing: .02em;
  color: #fff;
  font-size: 9.5px;
  font-weight: 750;
  line-height: 1;
}

.HomeActionCenter-module__6kB8MW__stackCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 40%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 30%, transparent);
  transform-origin: top;
  box-sizing: border-box;
  cursor: pointer;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  border-radius: 18px;
  outline: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 64px;
  padding: 10px 13px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .3);
}

.HomeActionCenter-module__6kB8MW__stackCard:focus, .HomeActionCenter-module__6kB8MW__stackCard:hover, .HomeActionCenter-module__6kB8MW__stackCard:active {
  border-color: color-mix(in srgb, var(--mc-border) 30%, transparent);
  outline: none;
}

.HomeActionCenter-module__6kB8MW__stackCard:focus-visible {
  border-color: color-mix(in srgb, var(--mc-border) 30%, transparent);
  outline: none;
}

.HomeActionCenter-module__6kB8MW__stackCard:active {
  transform: scale(.99);
}

.HomeActionCenter-module__6kB8MW__cardLeft {
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.HomeActionCenter-module__6kB8MW__iconBadge {
  background: var(--mc-primary-soft);
  width: 38px;
  height: 38px;
  color: var(--mc-icon-accent);
  border-radius: 11px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.HomeActionCenter-module__6kB8MW__iconBadgeAi {
  background: color-mix(in srgb, var(--mc-primary-soft) 80%, var(--mc-surface));
  color: var(--mc-icon-accent);
}

.HomeActionCenter-module__6kB8MW__iconBadgeVoice {
  background: color-mix(in srgb, var(--mc-primary-soft) 85%, var(--mc-surface));
  color: var(--mc-primary, #3b82f6);
}

.HomeActionCenter-module__6kB8MW__summaryCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 50%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 30%, transparent);
}

.HomeActionCenter-module__6kB8MW__summaryPill {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 750;
  display: inline-flex;
}

.HomeActionCenter-module__6kB8MW__infoBox {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.HomeActionCenter-module__6kB8MW__rowTitle {
  color: var(--mc-text);
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 2.5px;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  display: inline-flex;
  overflow: hidden;
}

.HomeActionCenter-module__6kB8MW__titleChevron {
  color: var(--mc-muted);
  opacity: .55;
  flex-shrink: 0;
  transition: transform .15s, opacity .15s;
}

.HomeActionCenter-module__6kB8MW__stackCard:hover .HomeActionCenter-module__6kB8MW__titleChevron {
  opacity: .9;
  transform: translateX(1px);
}

.HomeActionCenter-module__6kB8MW__rowSubtitle {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 550;
  line-height: 19px;
  overflow: hidden;
}

.HomeActionCenter-module__6kB8MW__cardRight {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-end;
  gap: 3px;
  margin-left: 10px;
  display: flex;
}

.HomeActionCenter-module__6kB8MW__rowAmount {
  color: var(--mc-text);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  text-align: right;
  align-items: center;
  font-size: 13.5px;
  font-weight: 850;
  line-height: 1.2;
  display: flex;
}

.HomeActionCenter-module__6kB8MW__quickActionBtn {
  background: var(--mc-primary-soft);
  height: 19px;
  color: var(--mc-icon-accent);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 0 8px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  transition: all .15s;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .HomeActionCenter-module__6kB8MW__quickActionBtn:hover {
    background: var(--mc-primary);
    color: #fff;
  }
}

.HomeActionCenter-module__6kB8MW__quickActionBtn:active {
  transform: scale(.95);
}

.HomeActionCenter-module__6kB8MW__quickActionBtn:focus {
  outline: none;
}

.HomeActionCenter-module__6kB8MW__quickActionBtn:focus:not(:focus-visible) {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
}

.HomeActionCenter-module__6kB8MW__expandedList {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.HomeActionCenter-module__6kB8MW__expandedCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 40%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 35%, transparent);
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 18px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 64px;
  padding: 10px 13px;
  transition: border-color .15s, transform .15s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .25);
}

.HomeActionCenter-module__6kB8MW__expandedCard:hover {
  border-color: color-mix(in srgb, var(--mc-primary) 50%, var(--mc-border));
}

.HomeActionCenter-module__6kB8MW__expandedCard:active {
  transform: scale(.985);
}

.HomeActionCenter-module__6kB8MW__expandedHint {
  text-align: center;
  color: color-mix(in srgb, var(--mc-muted) 60%, transparent);
  letter-spacing: .01em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 500;
}

/* [project]/src/components/loans/LoansHubDrawer.module.css [app-client] (css) */
.LoansHubDrawer-module__RqgtNq__overlay {
  z-index: 10000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both LoansHubDrawer-module__RqgtNq__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes LoansHubDrawer-module__RqgtNq__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.LoansHubDrawer-module__RqgtNq__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.LoansHubDrawer-module__RqgtNq__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.LoansHubDrawer-module__RqgtNq__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.LoansHubDrawer-module__RqgtNq__titleWrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__title {
  letter-spacing: -.02em;
  color: var(--mc-text);
  margin: 0;
  font-size: 20px;
  font-weight: 850;
}

.LoansHubDrawer-module__RqgtNq__countBadge {
  background: var(--mc-primary-soft);
  min-width: 22px;
  height: 22px;
  color: var(--mc-icon-accent);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-size: 11.5px;
  font-weight: 850;
  display: inline-flex;
}

.LoansHubDrawer-module__RqgtNq__headerActions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__addBtnHeader {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  font-size: 12.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__addBtnHeader:hover {
  background: var(--mc-primary);
  color: var(--mc-on-primary, #fff);
}

.LoansHubDrawer-module__RqgtNq__addBtnHeader:active {
  transform: scale(.96);
}

.LoansHubDrawer-module__RqgtNq__closeBtn {
  background: var(--mc-surface);
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  aspect-ratio: 1;
  border: 0;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: all .15s;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__closeBtn:hover {
  color: var(--mc-text);
  background: var(--mc-card);
}

.LoansHubDrawer-module__RqgtNq__closeBtn:active {
  transform: scale(.92);
}

.LoansHubDrawer-module__RqgtNq__content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding: 0 18px 40px;
  display: flex;
  overflow-y: auto;
}

.LoansHubDrawer-module__RqgtNq__content::-webkit-scrollbar {
  display: none;
}

.LoansHubDrawer-module__RqgtNq__summaryCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .LoansHubDrawer-module__RqgtNq__summaryCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.LoansHubDrawer-module__RqgtNq__summaryTop {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__summaryLabel {
  text-transform: none;
  letter-spacing: -.01em;
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 750;
}

.LoansHubDrawer-module__RqgtNq__summaryTotal {
  color: var(--mc-text);
  letter-spacing: -.04em;
  margin-top: 4px;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.1;
}

.LoansHubDrawer-module__RqgtNq__heroIcon {
  color: var(--mc-muted);
}

.LoansHubDrawer-module__RqgtNq__summaryStats {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: 1.1fr 1.1fr .8fr;
  gap: 8px;
  padding-top: 10px;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__statItem {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__statLabel {
  color: var(--mc-muted);
  white-space: nowrap;
  font-size: 11px;
  font-weight: 650;
}

.LoansHubDrawer-module__RqgtNq__statVal {
  color: var(--mc-text);
  letter-spacing: -.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 800;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__addNewBtn {
  border: 1.5px solid var(--mc-border);
  width: 100%;
  height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  background: var(--mc-card);
  border-radius: 18px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__addNewBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-card);
}

.LoansHubDrawer-module__RqgtNq__addNewBtn:active {
  transform: scale(.985);
}

.LoansHubDrawer-module__RqgtNq__addNewBtn svg {
  color: var(--mc-text);
}

.LoansHubDrawer-module__RqgtNq__modeSwitch {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  height: 44px;
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 18px;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  width: 100%;
  margin-bottom: 14px;
  padding: 4px;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__modeSwitch button {
  color: var(--mc-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 850;
  transition: background .18s, color .18s, transform .18s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__modeSwitch button.LoansHubDrawer-module__RqgtNq__active, .LoansHubDrawer-module__RqgtNq__modeSwitch button[aria-pressed="true"] {
  background: var(--mc-primary);
  color: #fff;
}

.LoansHubDrawer-module__RqgtNq__modeSwitch button:active {
  transform: scale(.98);
}

.LoansHubDrawer-module__RqgtNq__plansList {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__planCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border: 0;
  border-radius: 20px;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  transition: background .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__planCard:hover {
  background: var(--mc-surface);
}

.LoansHubDrawer-module__RqgtNq__planHead {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__planHeadLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__planIconWrap {
  background: var(--mc-primary-soft);
  width: 44px;
  height: 44px;
  color: var(--mc-icon-accent);
  border-radius: 14px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__planInfo {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__planName {
  letter-spacing: -.015em;
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 800;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__planProvider {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__planHeadRight {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 4px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__planMonthly {
  letter-spacing: -.02em;
  color: var(--mc-text);
  font-size: 15px;
  font-weight: 850;
}

.LoansHubDrawer-module__RqgtNq__planDueTag {
  color: var(--mc-icon-accent);
  white-space: nowrap;
  letter-spacing: -.01em;
  text-align: right;
  background: none;
  border: none;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  transition: all .15s;
}

.LoansHubDrawer-module__RqgtNq__planDueTagUrgent {
  color: #d87315;
  background: none;
  border: none;
}

.LoansHubDrawer-module__RqgtNq__planDueTagOverdue {
  color: #ef4444;
  background: none;
  border: none;
}

.LoansHubDrawer-module__RqgtNq__planDueTagCompleted {
  color: var(--mc-income, #22c55e);
  background: none;
  border: none;
}

.LoansHubDrawer-module__RqgtNq__progressWrap {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__progressHeader {
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__progressBarTrack {
  background: var(--mc-primary-soft);
  border-radius: 999px;
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__progressBarFill {
  border-radius: 999px;
  height: 100%;
  transition: width .3s cubic-bezier(.16, 1, .3, 1);
}

.LoansHubDrawer-module__RqgtNq__planFoot {
  border-top: 1px solid var(--mc-divider);
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__planRemaining {
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 650;
}

.LoansHubDrawer-module__RqgtNq__planRemaining b {
  color: var(--mc-text);
  margin-left: 4px;
  font-size: 13px;
  font-weight: 800;
}

.LoansHubDrawer-module__RqgtNq__logPaymentBtn {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 750;
  transition: all .15s;
  display: inline-flex;
}

.LoansHubDrawer-module__RqgtNq__logPaymentBtn:hover {
  background: var(--mc-primary);
  color: var(--mc-on-primary, #fff);
}

.LoansHubDrawer-module__RqgtNq__logPaymentBtn:active {
  transform: scale(.95);
}

.LoansHubDrawer-module__RqgtNq__deleteBtn {
  width: 28px;
  height: 28px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  place-items: center;
  transition: all .15s;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__deleteBtn:hover {
  color: var(--mc-danger, #ef4444);
  background: color-mix(in srgb, var(--mc-danger) 12%, transparent);
}

.LoansHubDrawer-module__RqgtNq__deleteBtn:active {
  transform: scale(.9);
}

.LoansHubDrawer-module__RqgtNq__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__emptyIcon, .LoansHubDrawer-module__RqgtNq__emptyIconWrap {
  background: var(--mc-primary-soft);
  width: 64px;
  height: 64px;
  color: var(--mc-muted);
  border-radius: 20px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__emptyState h3 {
  color: var(--mc-text);
  letter-spacing: -.015em;
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 750;
}

.LoansHubDrawer-module__RqgtNq__emptyState p {
  color: var(--mc-muted);
  max-width: 280px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.LoansHubDrawer-module__RqgtNq__emptyBtn, .LoansHubDrawer-module__RqgtNq__emptyActionBtn {
  background: color-mix(in srgb, var(--mc-card) 65%, transparent);
  height: 52px;
  color: var(--mc-text);
  letter-spacing: -.01em;
  border: 1px solid color-mix(in srgb, var(--mc-text) 14%, transparent);
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 220px;
  margin-top: 8px;
  padding: 0 24px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: inline-flex;
}

.LoansHubDrawer-module__RqgtNq__emptyBtn:hover, .LoansHubDrawer-module__RqgtNq__emptyActionBtn:hover {
  border-color: var(--mc-primary);
  background: var(--mc-card);
}

.LoansHubDrawer-module__RqgtNq__emptyBtn:active, .LoansHubDrawer-module__RqgtNq__emptyActionBtn:active {
  transform: scale(.985);
}

.LoansHubDrawer-module__RqgtNq__modalOverlay {
  z-index: 10000;
  background: var(--mc-overlay);
  -webkit-backdrop-filter: blur(4px);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.LoansHubDrawer-module__RqgtNq__modalPanel {
  background: var(--mc-bg);
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  box-shadow: var(--mc-shadow-sheet);
  border-radius: 24px 24px 0 0;
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both LoansHubDrawer-module__RqgtNq__modalSlideUp;
  display: flex;
  overflow: hidden;
}

@keyframes LoansHubDrawer-module__RqgtNq__modalSlideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.LoansHubDrawer-module__RqgtNq__modalHeader {
  border-bottom: 1px solid var(--mc-divider);
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px 14px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__modalTitle {
  letter-spacing: -.02em;
  color: var(--mc-text);
  font-size: 17px;
  font-weight: 850;
}

.LoansHubDrawer-module__RqgtNq__modalClose {
  background: var(--mc-surface);
  width: 34px;
  height: 34px;
  color: var(--mc-muted);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__modalClose:hover {
  color: var(--mc-text);
  background: var(--mc-card);
}

.LoansHubDrawer-module__RqgtNq__modalBody {
  padding: 18px 20px calc(10px + env(safe-area-inset-bottom, 12px));
  flex-direction: column;
  gap: 16px;
  display: flex;
  overflow-y: auto;
}

.LoansHubDrawer-module__RqgtNq__drawerBodyForm {
  flex-direction: column;
  gap: 16px;
  padding: 14px 20px 24px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__formRow3 {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  width: 100%;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__typeRow {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100%;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__typeChip {
  border: 1.5px solid var(--mc-border);
  background: var(--mc-surface);
  height: 48px;
  color: var(--mc-muted);
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__typeChip:hover {
  background: var(--mc-card);
  color: var(--mc-text);
}

.LoansHubDrawer-module__RqgtNq__typeChip.LoansHubDrawer-module__RqgtNq__on {
  border-color: var(--mc-primary);
  background: var(--mc-primary-soft);
  color: var(--mc-text);
}

.LoansHubDrawer-module__RqgtNq__iconSelectRow {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  cursor: pointer;
  text-align: left;
  width: 100%;
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border: 0;
  border-radius: 18px;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__iconSelectRow:hover {
  background: var(--mc-surface);
}

.LoansHubDrawer-module__RqgtNq__iconSelectBtn {
  background: var(--mc-primary-soft);
  width: 46px;
  height: 46px;
  color: var(--mc-icon-accent);
  border-radius: 14px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__iconSelectText {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__modalActions {
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__deletePlanActionBtn {
  height: var(--mc-drawer-btn-height, 48px);
  border-radius: var(--mc-drawer-btn-radius, 14px);
  background: color-mix(in srgb, var(--mc-danger) 12%, transparent);
  color: var(--mc-danger);
  border: 1px solid color-mix(in srgb, var(--mc-danger) 22%, transparent);
  font-size: var(--mc-drawer-btn-size, 14px);
  font-weight: var(--mc-drawer-btn-weight, 750);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 18px;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__deletePlanActionBtn:hover {
  background: color-mix(in srgb, var(--mc-danger) 18%, transparent);
  border-color: color-mix(in srgb, var(--mc-danger) 35%, transparent);
}

.LoansHubDrawer-module__RqgtNq__deletePlanActionBtn:active {
  background: color-mix(in srgb, var(--mc-danger) 22%, transparent);
  opacity: .9;
  transform: scale(.985);
}

.LoansHubDrawer-module__RqgtNq__modalSubmit {
  height: var(--mc-drawer-btn-height, 48px);
  border-radius: var(--mc-drawer-btn-radius, 14px);
  background: var(--mc-primary);
  color: var(--mc-on-primary, #fff);
  font-size: var(--mc-drawer-btn-size, 14px);
  font-weight: var(--mc-drawer-btn-weight, 750);
  cursor: pointer;
  border: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  transition: opacity .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__modalSubmit:active {
  transform: scale(.98);
}

.LoansHubDrawer-module__RqgtNq__modeSegControl {
  border-radius: var(--mc-radius-control, 14px);
  background: var(--mc-surface);
  border: 1px solid var(--mc-border);
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 4px;
  margin-bottom: 12px;
  padding: 4px;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__modeSegBtn {
  min-height: 42px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__modeSegBtnActive {
  background: var(--mc-primary);
  color: var(--mc-on-primary, #fff);
  box-shadow: none;
}

.LoansHubDrawer-module__RqgtNq__providerSectionHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__providerCarouselWrapper {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin-bottom: 2px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__providerCarousel {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
  display: flex;
  overflow-x: auto;
}

.LoansHubDrawer-module__RqgtNq__providerCarousel::-webkit-scrollbar {
  display: none;
}

.LoansHubDrawer-module__RqgtNq__providerPageGrid {
  scroll-snap-align: start;
  box-sizing: border-box;
  flex: 0 0 100%;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 6px;
  min-width: 100%;
  padding: 4px 2px;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__carouselDotsRow {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2px;
  margin-bottom: 4px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__dotsWrap {
  align-items: center;
  gap: 6px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__dotBtn {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px 2px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__dot {
  background: color-mix(in srgb, var(--mc-text) 24%, transparent);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  transition: all .25s cubic-bezier(.2, .8, .2, 1);
}

.LoansHubDrawer-module__RqgtNq__dotActive {
  background: var(--mc-text);
  border-radius: 999px;
  width: 18px;
  height: 6px;
}

.LoansHubDrawer-module__RqgtNq__providerTile {
  min-width: 0;
  box-shadow: none;
  cursor: pointer;
  color: var(--mc-muted);
  box-sizing: border-box;
  background: none;
  border: 0;
  border-radius: 16px;
  justify-items: center;
  gap: 7px;
  padding: 6px 2px;
  transition: all .15s;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__providerTileAvatar {
  box-sizing: border-box;
  background: var(--mc-surface);
  border-radius: 14px;
  place-items: center;
  width: 50px;
  height: 50px;
  transition: all .15s;
  display: grid;
  position: relative;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__providerTileActive .LoansHubDrawer-module__RqgtNq__providerTileAvatar {
  box-shadow: 0 0 0 3px var(--mc-primary);
  transform: scale(1.04);
}

.LoansHubDrawer-module__RqgtNq__providerTileName {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: var(--mc-muted);
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  transition: color .15s;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__providerTileActive .LoansHubDrawer-module__RqgtNq__providerTileName {
  color: var(--mc-text);
  font-weight: 850;
}

.LoansHubDrawer-module__RqgtNq__smartIntelCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border: none;
  border-radius: 16px;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  min-height: max-content;
  margin-top: 2px;
  display: flex;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__intelGrid {
  box-sizing: border-box;
  width: 100%;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__intelCol {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  padding: 12px 14px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__intelCol + .LoansHubDrawer-module__RqgtNq__intelCol {
  border-left: 1px solid var(--mc-border);
}

.LoansHubDrawer-module__RqgtNq__intelColLabel {
  color: var(--mc-muted);
  letter-spacing: .02em;
  font-size: 10.5px;
  font-weight: 750;
  display: block;
}

.LoansHubDrawer-module__RqgtNq__intelColLabelFee {
  color: #f59e0b;
}

.LoansHubDrawer-module__RqgtNq__intelColVal {
  color: var(--mc-text);
  word-break: break-word;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  display: block;
}

.LoansHubDrawer-module__RqgtNq__intelNoteBar {
  background: color-mix(in srgb, var(--mc-primary) 6%, var(--mc-card));
  border-top: 1px solid var(--mc-border);
  color: var(--mc-muted);
  box-sizing: border-box;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 10px 14px;
  font-size: 11.5px;
  line-height: 1.4;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__intelNoteIcon {
  color: var(--mc-icon-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

.LoansHubDrawer-module__RqgtNq__fullPageForm {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__fullPageBody {
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 16px 20px 40px;
  display: flex;
  overflow-y: auto;
}

.LoansHubDrawer-module__RqgtNq__fullPageBody > * {
  flex-shrink: 0;
}

.LoansHubDrawer-module__RqgtNq__fullPageFoot {
  padding: 14px 20px max(20px, calc(10px + env(safe-area-inset-bottom)));
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__formGroup {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__formLabel {
  color: var(--mc-muted);
  margin: 0;
  padding-left: 2px;
  font-size: 13px;
  font-weight: 700;
}

.LoansHubDrawer-module__RqgtNq__inputField {
  background: var(--mc-card);
  width: 100%;
  height: 48px;
  box-shadow: var(--mc-shadow-card);
  color: var(--mc-text);
  box-sizing: border-box;
  border: none;
  border-radius: 16px;
  outline: none;
  padding: 0 16px;
  font-size: 14.5px;
  font-weight: 700;
  transition: all .15s;
}

.LoansHubDrawer-module__RqgtNq__inputField::placeholder {
  color: var(--mc-muted);
  opacity: .85;
  font-size: 13px;
  font-weight: 500;
}

.LoansHubDrawer-module__RqgtNq__inputField:focus {
  border-color: var(--mc-primary);
}

.LoansHubDrawer-module__RqgtNq__inputFieldBtn {
  background: var(--mc-card);
  width: 100%;
  height: 48px;
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  border: none;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px 0 16px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__inputFieldVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 750;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__inputFieldPh {
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 500;
}

.LoansHubDrawer-module__RqgtNq__formRow2 {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__tenorChipsRow {
  gap: 8px;
  width: 100%;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__tenorChip {
  background: var(--mc-surface);
  min-width: 0;
  height: 42px;
  color: var(--mc-muted);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-size: 13px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__tenorChipActive {
  background: var(--mc-primary);
  color: var(--mc-on-primary, #fff);
  border-color: var(--mc-primary);
}

.LoansHubDrawer-module__RqgtNq__livePreviewCard {
  background: linear-gradient(135deg, color-mix(in srgb, var(--mc-primary) 12%, var(--mc-card)), var(--mc-card));
  border: 1px solid color-mix(in srgb, var(--mc-primary) 28%, transparent);
  box-shadow: var(--mc-shadow-card);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__livePreviewLeft {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__livePreviewLabel {
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 650;
}

.LoansHubDrawer-module__RqgtNq__livePreviewAmount {
  color: var(--mc-text);
  letter-spacing: -.02em;
  font-size: 20px;
  font-weight: 850;
}

.LoansHubDrawer-module__RqgtNq__livePreviewRight {
  text-align: right;
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__livePreviewTenor {
  color: var(--mc-icon-accent, var(--mc-primary));
  font-size: 12.5px;
  font-weight: 750;
}

.LoansHubDrawer-module__RqgtNq__livePreviewPayoff {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.LoansHubDrawer-module__RqgtNq__livePreviewPayoff b {
  color: var(--mc-text);
  font-weight: 750;
}

.LoansHubDrawer-module__RqgtNq__stepperContainer {
  background: var(--mc-card);
  height: 48px;
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border: none;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__stepperBtn {
  width: 40px;
  height: 40px;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  transition: all .15s;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__stepperBtn:active {
  color: var(--mc-primary);
  background: none;
}

.LoansHubDrawer-module__RqgtNq__stepperVal {
  text-align: center;
  color: var(--mc-text);
  flex: 1;
  font-size: 14.5px;
  font-weight: 750;
}

.LoansHubDrawer-module__RqgtNq__formSelectCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  border-radius: 18px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__formSelectRow {
  border: none;
  border-bottom: 1px solid var(--mc-border);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  background: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 14px;
  transition: background .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__formSelectRow:last-child {
  border-bottom: none;
}

.LoansHubDrawer-module__RqgtNq__formSelectRow:hover {
  background: color-mix(in srgb, var(--mc-surface) 60%, transparent);
}

.LoansHubDrawer-module__RqgtNq__formSelectLeft {
  align-items: center;
  gap: 12px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__formSelectIcon {
  flex-shrink: 0;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__formSelectCategoryIcon {
  background: color-mix(in srgb, var(--mc-primary-soft) 60%, var(--mc-surface));
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__formSelectText {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__formSelectLabel {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.LoansHubDrawer-module__RqgtNq__formSelectValue {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 750;
}

.LoansHubDrawer-module__RqgtNq__iconSelectTitle {
  color: var(--mc-text);
  font-size: 13.5px;
  font-weight: 750;
}

.LoansHubDrawer-module__RqgtNq__iconSelectHint {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.LoansHubDrawer-module__RqgtNq__detailTopBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 10px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.LoansHubDrawer-module__RqgtNq__detailBackBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__detailBackBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.LoansHubDrawer-module__RqgtNq__detailTitleBox {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__detailTitleName {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 16px;
  font-weight: 800;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__detailTitleSub {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.LoansHubDrawer-module__RqgtNq__detailHeadGhost {
  width: 40px;
}

.LoansHubDrawer-module__RqgtNq__detailBody {
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  padding: 16px 20px 120px;
  display: flex;
  overflow-y: auto;
}

.LoansHubDrawer-module__RqgtNq__detailBody > * {
  flex-shrink: 0;
}

.LoansHubDrawer-module__RqgtNq__detailHeroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 12px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .LoansHubDrawer-module__RqgtNq__detailHeroCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.LoansHubDrawer-module__RqgtNq__detailHeroTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailHeroTopLeft {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailHeroLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
}

.LoansHubDrawer-module__RqgtNq__detailHeroAmount {
  letter-spacing: -.04em;
  color: var(--mc-text);
  font-size: 28px;
  font-weight: 900;
  line-height: 1.05;
}

.LoansHubDrawer-module__RqgtNq__detailHeroStatusPill {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 750;
}

.LoansHubDrawer-module__RqgtNq__detailHeroStatusFinished {
  background: color-mix(in srgb, var(--mc-income, #22c55e) 15%, var(--mc-surface));
  color: var(--mc-income, #22c55e);
}

.LoansHubDrawer-module__RqgtNq__detailHeroProgress {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailHeroTrack {
  background: var(--mc-surface);
  border-radius: 999px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__detailHeroFill {
  background: var(--mc-primary);
  border-radius: 999px;
  height: 100%;
  transition: width .3s cubic-bezier(.2, .8, .2, 1);
}

.LoansHubDrawer-module__RqgtNq__detailHeroSub {
  color: var(--mc-muted);
  justify-content: space-between;
  font-size: 11px;
  font-weight: 650;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailHeroStatsGrid {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 0;
  padding-top: 10px;
  display: grid;
}

.LoansHubDrawer-module__RqgtNq__detailHeroStatTile {
  background: none;
  border-radius: 0;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 0;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailHeroStatLabel {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__detailHeroStatVal {
  color: var(--mc-text);
  letter-spacing: -.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 800;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__detailSectionHeader {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
  margin-top: 4px;
  margin-bottom: -8px;
  padding: 0 2px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailSectionTitle {
  color: var(--mc-text);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 800;
}

.LoansHubDrawer-module__RqgtNq__detailSectionCount {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  margin-bottom: 8px;
  padding: 2px 16px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s, transform .12s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryRow:hover {
  opacity: .85;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryRow:active {
  transform: scale(.985);
}

.LoansHubDrawer-module__RqgtNq__detailHistoryRow:last-child {
  border-bottom: none;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailDateBadge {
  background: var(--mc-primary-soft);
  width: 40px;
  height: 40px;
  color: var(--mc-icon-accent);
  border: 0;
  border-radius: 12px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 1px;
  line-height: 1;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailDateDay {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.1;
}

.LoansHubDrawer-module__RqgtNq__detailDateMonth {
  color: var(--mc-muted);
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryText {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryTitle {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 750;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryDate {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 550;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryRight {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailHistoryAmount {
  color: var(--mc-text);
  font-size: 14.5px;
  font-weight: 800;
}

.LoansHubDrawer-module__RqgtNq__goalHistoryBaselineRow, .LoansHubDrawer-module__RqgtNq__detailHistoryBaselineRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  text-align: left;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s, transform .1s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__goalHistoryBaselineRow:hover, .LoansHubDrawer-module__RqgtNq__detailHistoryBaselineRow:hover {
  opacity: .82;
}

.LoansHubDrawer-module__RqgtNq__goalHistoryBaselineRow:active, .LoansHubDrawer-module__RqgtNq__detailHistoryBaselineRow:active {
  transform: scale(.99);
}

.LoansHubDrawer-module__RqgtNq__goalHistoryBaselineRow:last-child, .LoansHubDrawer-module__RqgtNq__detailHistoryBaselineRow:last-child {
  border-bottom: none;
}

.LoansHubDrawer-module__RqgtNq__goalBaselineTag, .LoansHubDrawer-module__RqgtNq__detailBaselineTag {
  background: var(--mc-primary-soft);
  color: var(--mc-muted);
  white-space: nowrap;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 750;
}

.LoansHubDrawer-module__RqgtNq__detailPenaltyBanner {
  color: #f59e0b;
  background: rgba(245, 158, 11, .08);
  border: none;
  border-radius: 16px;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailPenaltyIcon {
  flex-shrink: 0;
  margin-top: 1px;
}

.LoansHubDrawer-module__RqgtNq__detailIntelCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.LoansHubDrawer-module__RqgtNq__deleteRecordBtn {
  background: color-mix(in srgb, var(--mc-danger) 10%, transparent);
  width: 100%;
  height: 48px;
  min-height: 48px;
  color: var(--mc-danger, #ef4444);
  letter-spacing: -.01em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__deleteRecordBtn:hover {
  background: color-mix(in srgb, var(--mc-danger) 18%, transparent);
}

.LoansHubDrawer-module__RqgtNq__deleteRecordBtn:active {
  transform: scale(.985);
}

.LoansHubDrawer-module__RqgtNq__detailActionsBar {
  max-width: 540px;
  padding: 12px 16px max(20px, calc(10px + env(safe-area-inset-bottom)));
  background: var(--mc-bg);
  z-index: 20;
  border-top: none;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.LoansHubDrawer-module__RqgtNq__detailSettlePrimaryBtn {
  background: var(--mc-primary);
  color: #fff;
  letter-spacing: -.015em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 50px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 850;
  transition: all .15s;
  display: flex;
}

.LoansHubDrawer-module__RqgtNq__detailSettlePrimaryBtn:hover {
  opacity: .92;
}

.LoansHubDrawer-module__RqgtNq__detailSettlePrimaryBtn:active {
  transform: scale(.985);
}

/* [project]/src/components/subscriptions/SubscriptionsHubDrawer.module.css [app-client] (css) */
.SubscriptionsHubDrawer-module__AjoX2q__overlay {
  z-index: 10000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both SubscriptionsHubDrawer-module__AjoX2q__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes SubscriptionsHubDrawer-module__AjoX2q__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.SubscriptionsHubDrawer-module__AjoX2q__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.SubscriptionsHubDrawer-module__AjoX2q__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.SubscriptionsHubDrawer-module__AjoX2q__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.SubscriptionsHubDrawer-module__AjoX2q__setBody, .SubscriptionsHubDrawer-module__AjoX2q__content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding: 0 18px 40px;
  display: flex;
  overflow-y: auto;
}

.SubscriptionsHubDrawer-module__AjoX2q__setBody::-webkit-scrollbar {
  display: none;
}

.SubscriptionsHubDrawer-module__AjoX2q__content::-webkit-scrollbar {
  display: none;
}

.SubscriptionsHubDrawer-module__AjoX2q__summaryCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .SubscriptionsHubDrawer-module__AjoX2q__summaryCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.SubscriptionsHubDrawer-module__AjoX2q__summaryTop {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__summaryLabel {
  text-transform: none;
  letter-spacing: -.01em;
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 750;
}

.SubscriptionsHubDrawer-module__AjoX2q__summaryTotal {
  color: var(--mc-text);
  letter-spacing: -.04em;
  margin-top: 4px;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.1;
}

.SubscriptionsHubDrawer-module__AjoX2q__summaryTotal small {
  color: var(--mc-muted);
  margin-left: 3px;
  font-size: 13px;
  font-weight: 700;
}

.SubscriptionsHubDrawer-module__AjoX2q__heroIcon {
  color: var(--mc-muted);
}

.SubscriptionsHubDrawer-module__AjoX2q__summaryStats {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 10px;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__statItem {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__statLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 650;
}

.SubscriptionsHubDrawer-module__AjoX2q__statVal {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 14px;
  font-weight: 800;
}

.SubscriptionsHubDrawer-module__AjoX2q__addNewBtn {
  border: 1.5px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 18px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__addNewBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-surface);
}

.SubscriptionsHubDrawer-module__AjoX2q__addNewBtn:active {
  transform: scale(.985);
}

.SubscriptionsHubDrawer-module__AjoX2q__subsList {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__subCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  border: 0;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  font-family: inherit;
  transition: background .15s, transform .12s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__subCard:hover {
  background: var(--mc-surface);
}

.SubscriptionsHubDrawer-module__AjoX2q__subCard:active {
  transform: scale(.985);
}

.SubscriptionsHubDrawer-module__AjoX2q__subHeadLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__subIconWrap {
  background: var(--mc-primary-soft);
  width: 44px;
  height: 44px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__subInfo {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__subName {
  letter-spacing: -.015em;
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__subCategory {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 550;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__subHeadRight {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 3px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__subMonthly {
  letter-spacing: -.02em;
  color: var(--mc-text);
  font-size: 15px;
  font-weight: 850;
}

.SubscriptionsHubDrawer-module__AjoX2q__cardDueBadge {
  letter-spacing: -.01em;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
}

.SubscriptionsHubDrawer-module__AjoX2q__cardDueBadgeNormal {
  color: var(--mc-icon-accent);
  background: none;
  font-weight: 600;
}

.SubscriptionsHubDrawer-module__AjoX2q__cardDueBadgeUrgent {
  color: #d87315;
  background: none;
  font-weight: 600;
}

.SubscriptionsHubDrawer-module__AjoX2q__cardDueBadgeOverdue {
  color: var(--mc-danger, #ef4444);
  background: none;
  font-weight: 600;
}

.SubscriptionsHubDrawer-module__AjoX2q__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__emptyIcon, .SubscriptionsHubDrawer-module__AjoX2q__emptyIconWrap {
  background: var(--mc-primary-soft);
  width: 64px;
  height: 64px;
  color: var(--mc-muted);
  border-radius: 20px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__emptyState h3 {
  color: var(--mc-text);
  letter-spacing: -.015em;
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 750;
}

.SubscriptionsHubDrawer-module__AjoX2q__emptyState p {
  color: var(--mc-muted);
  max-width: 280px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.SubscriptionsHubDrawer-module__AjoX2q__emptyBtn {
  background: color-mix(in srgb, var(--mc-card) 65%, transparent);
  height: 52px;
  color: var(--mc-text);
  letter-spacing: -.01em;
  border: 1px solid color-mix(in srgb, var(--mc-text) 14%, transparent);
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 220px;
  margin-top: 8px;
  padding: 0 24px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: inline-flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__emptyBtn:hover {
  border-color: var(--mc-primary);
  background: var(--mc-card);
}

.SubscriptionsHubDrawer-module__AjoX2q__emptyBtn:active {
  transform: scale(.985);
}

.SubscriptionsHubDrawer-module__AjoX2q__detailPage {
  z-index: 10500;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .22s cubic-bezier(.16, 1, .3, 1) both SubscriptionsHubDrawer-module__AjoX2q__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailTopBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 10px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailBackBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailBackBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.SubscriptionsHubDrawer-module__AjoX2q__detailTitleBox {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailTitleName {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 16px;
  font-weight: 800;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailTitleSub {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeadGhost {
  width: 40px;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailBody {
  padding: 14px 16px calc(env(safe-area-inset-bottom, 24px)  + 96px);
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  overflow-y: auto;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailBody::-webkit-scrollbar {
  display: none;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 12px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .SubscriptionsHubDrawer-module__AjoX2q__detailHeroCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroTopLeft {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroLabel {
  color: var(--mc-muted);
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 650;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroAmount {
  letter-spacing: -.04em;
  color: var(--mc-text);
  font-size: 28px;
  font-weight: 850;
  line-height: 1.1;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroStatusPill {
  letter-spacing: -.01em;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 800;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroStatusActive {
  color: var(--mc-icon-accent);
  background: none;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroStatusUrgent {
  color: #d87315;
  background: none;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroStatsGrid {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding-top: 10px;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroStatTile {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroStatLabel {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailHeroStatVal {
  color: var(--mc-text);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 800;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailSectionHeader, .SubscriptionsHubDrawer-module__AjoX2q__configSectionHead {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  min-height: 32px;
  margin-top: 4px;
  margin-bottom: -6px;
  padding: 0 2px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailSectionTitle, .SubscriptionsHubDrawer-module__AjoX2q__configSectionTitle {
  color: var(--mc-text);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 800;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailSectionCount {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.SubscriptionsHubDrawer-module__AjoX2q__configActionGroup {
  align-items: center;
  gap: 6px;
  height: 32px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__configIconActionBtn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: var(--mc-muted);
  background: none;
  border: 0;
  border-radius: 9px;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__configCancelBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  height: 30px;
  padding: 4px 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: color .15s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__configCancelBtn:hover {
  color: var(--mc-text);
}

.SubscriptionsHubDrawer-module__AjoX2q__configSaveBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 44px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: opacity .15s, transform .1s;
  animation: .22s cubic-bezier(.16, 1, .3, 1) forwards SubscriptionsHubDrawer-module__AjoX2q__configSaveBtnAppear;
  display: flex;
}

@keyframes SubscriptionsHubDrawer-module__AjoX2q__configSaveBtnAppear {
  0% {
    opacity: 0;
    transform: translateY(8px)scale(.97);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.SubscriptionsHubDrawer-module__AjoX2q__configSaveBtn:active {
  transform: scale(.985);
}

.SubscriptionsHubDrawer-module__AjoX2q__configSaveBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalConfigCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__configIdentityRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__configIconBtn {
  background: var(--mc-primary-soft);
  width: 46px;
  height: 46px;
  color: var(--mc-icon-accent);
  cursor: default;
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: border-color .15s;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__configIconBtnEditable {
  cursor: pointer;
  border-color: var(--mc-border);
  background: var(--mc-primary-soft);
}

.SubscriptionsHubDrawer-module__AjoX2q__configNameBox {
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  height: 46px;
  padding: 4px 10px;
  transition: border-color .15s, background .15s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__configNameBoxEditable {
  border-color: var(--mc-border);
  background: var(--mc-surface);
}

.SubscriptionsHubDrawer-module__AjoX2q__configNameBoxEditable:focus-within {
  border-color: var(--mc-primary);
}

.SubscriptionsHubDrawer-module__AjoX2q__configBannerLabel {
  color: var(--mc-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.SubscriptionsHubDrawer-module__AjoX2q__configNameValBox {
  box-sizing: border-box;
  align-items: center;
  min-height: 22px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__configNameVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16.5px;
  font-weight: 850;
  line-height: 1.2;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__configNameInput {
  color: var(--mc-text);
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.SubscriptionsHubDrawer-module__AjoX2q__configNameInput:focus {
  outline: none;
}

.SubscriptionsHubDrawer-module__AjoX2q__configGrid2 {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__configTile {
  background: var(--mc-surface);
  text-align: left;
  min-height: 56px;
  color: inherit;
  cursor: default;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__configTileEditable {
  cursor: pointer;
  border-color: var(--mc-border);
}

.SubscriptionsHubDrawer-module__AjoX2q__configTileEditable:hover {
  border-color: var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary-soft) 40%, var(--mc-surface));
}

.SubscriptionsHubDrawer-module__AjoX2q__configTileEditable:active {
  transform: scale(.985);
}

.SubscriptionsHubDrawer-module__AjoX2q__configTileIcon {
  background: var(--mc-primary-soft);
  width: 32px;
  height: 32px;
  color: var(--mc-icon-accent);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__configTileMeta {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__configTileLabel {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__configTileVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
  font-weight: 800;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__configTilePlaceholder {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 550;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__configChevron {
  color: var(--mc-muted);
  flex-shrink: 0;
  margin-left: auto;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalHistoryCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 20px;
  flex-direction: column;
  flex-shrink: 0;
  padding: 2px 16px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalHistoryRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s, transform .12s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalHistoryRow:hover {
  opacity: .85;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalHistoryRow:active {
  transform: scale(.985);
}

.SubscriptionsHubDrawer-module__AjoX2q__goalHistoryRow:last-child {
  border-bottom: 0;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalHistoryBaselineRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  text-align: left;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s, transform .1s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalHistoryBaselineRow:hover {
  opacity: .82;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalHistoryBaselineRow:active {
  transform: scale(.99);
}

.SubscriptionsHubDrawer-module__AjoX2q__goalHistoryBaselineRow:last-child {
  border-bottom: 0;
}

.SubscriptionsHubDrawer-module__AjoX2q__historyRowLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__historyRowInfo {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__historyRowTitle {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 750;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__historyRowSub {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 550;
  overflow: hidden;
}

.SubscriptionsHubDrawer-module__AjoX2q__historyRowRight {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__historyRowAmount {
  color: var(--mc-text);
  font-size: 14.5px;
  font-weight: 800;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalBaselineTag {
  background: var(--mc-primary-soft);
  color: var(--mc-muted);
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 750;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalDateBadge {
  background: var(--mc-primary-soft);
  width: 40px;
  height: 40px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 1px;
  line-height: 1;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalDateBadgeDay {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.1;
}

.SubscriptionsHubDrawer-module__AjoX2q__goalDateBadgeMonth {
  color: var(--mc-muted);
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
}

.SubscriptionsHubDrawer-module__AjoX2q__deleteRecordBtn {
  background: color-mix(in srgb, var(--mc-danger) 10%, transparent);
  width: 100%;
  height: 48px;
  min-height: 48px;
  color: var(--mc-danger, #ef4444);
  letter-spacing: -.01em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__deleteRecordBtn:hover {
  background: color-mix(in srgb, var(--mc-danger) 18%, transparent);
}

.SubscriptionsHubDrawer-module__AjoX2q__deleteRecordBtn:active {
  transform: scale(.985);
}

.SubscriptionsHubDrawer-module__AjoX2q__detailActionsBar {
  max-width: 540px;
  padding: 12px 16px max(20px, calc(10px + env(safe-area-inset-bottom)));
  background: var(--mc-bg);
  z-index: 20;
  border-top: none;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailSettlePrimaryBtn {
  background: var(--mc-primary);
  color: #fff;
  letter-spacing: -.015em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 50px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 850;
  transition: all .15s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailSettlePrimaryBtn:hover {
  opacity: .92;
}

.SubscriptionsHubDrawer-module__AjoX2q__detailSettlePrimaryBtn:active {
  transform: scale(.985);
}

.SubscriptionsHubDrawer-module__AjoX2q__settleAmountCard {
  background: var(--mc-card);
  text-align: center;
  cursor: pointer;
  border: 1.5px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 16px;
  transition: all .15s;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__settleAmountCard:hover {
  border-color: var(--mc-primary);
}

.SubscriptionsHubDrawer-module__AjoX2q__settleAmountTopLabel {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.SubscriptionsHubDrawer-module__AjoX2q__settleAmountVal {
  color: var(--mc-text);
  letter-spacing: -.03em;
  font-size: 32px;
  font-weight: 850;
}

.SubscriptionsHubDrawer-module__AjoX2q__settleAmountTapLabel {
  color: var(--mc-primary);
  font-size: 11.5px;
  font-weight: 650;
}

.SubscriptionsHubDrawer-module__AjoX2q__drawerBodyForm {
  flex-direction: column;
  gap: 14px;
  padding: 16px 18px 24px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__addIdentityCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-divider, var(--mc-border));
  border-radius: 20px;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__addIconBtn {
  background: var(--mc-primary-soft);
  width: 48px;
  height: 48px;
  color: var(--mc-icon-accent);
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex-shrink: 0;
  place-items: center;
  transition: transform .15s;
  display: grid;
}

.SubscriptionsHubDrawer-module__AjoX2q__addIconBtn:hover {
  transform: scale(1.05);
}

.SubscriptionsHubDrawer-module__AjoX2q__addNameBox {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.SubscriptionsHubDrawer-module__AjoX2q__addNameLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
}

.SubscriptionsHubDrawer-module__AjoX2q__addNameInput {
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: none;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  font-weight: 800;
}

/* [project]/src/components/owes/OwesHubDrawer.module.css [app-client] (css) */
.OwesHubDrawer-module__XrUS_W__overlay {
  z-index: 10000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both OwesHubDrawer-module__XrUS_W__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes OwesHubDrawer-module__XrUS_W__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.OwesHubDrawer-module__XrUS_W__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.OwesHubDrawer-module__XrUS_W__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.OwesHubDrawer-module__XrUS_W__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.OwesHubDrawer-module__XrUS_W__content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding: 0 18px 40px;
  display: flex;
  overflow-y: auto;
}

.OwesHubDrawer-module__XrUS_W__content::-webkit-scrollbar {
  display: none;
}

.OwesHubDrawer-module__XrUS_W__summaryCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .OwesHubDrawer-module__XrUS_W__summaryCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.OwesHubDrawer-module__XrUS_W__summaryTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__summaryLabel {
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 700;
}

.OwesHubDrawer-module__XrUS_W__summaryTotal {
  color: var(--mc-text);
  letter-spacing: -.04em;
  margin-top: 2px;
  font-size: 26px;
  font-weight: 850;
  line-height: 1.15;
}

.OwesHubDrawer-module__XrUS_W__heroIcon {
  color: var(--mc-muted);
  flex-shrink: 0;
}

.OwesHubDrawer-module__XrUS_W__summaryStats {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 10px;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__statItem {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__statLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
}

.OwesHubDrawer-module__XrUS_W__statVal {
  color: var(--mc-text);
  font-size: 13.5px;
  font-weight: 800;
}

.OwesHubDrawer-module__XrUS_W__addNewBtn {
  box-sizing: border-box;
  border: 1.5px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 52px;
  min-height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 18px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__addNewBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-surface);
}

.OwesHubDrawer-module__XrUS_W__addNewBtn:active {
  transform: scale(.985);
}

.OwesHubDrawer-module__XrUS_W__addNewBtn svg {
  color: var(--mc-muted);
}

.OwesHubDrawer-module__XrUS_W__addNewBtn:hover svg {
  color: var(--mc-text);
}

.OwesHubDrawer-module__XrUS_W__modeSwitch {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  height: 44px;
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 18px;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  width: 100%;
  margin-bottom: 14px;
  padding: 4px;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__modeSwitch button {
  color: var(--mc-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 850;
  transition: background .18s, color .18s, transform .18s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__modeSwitch button.OwesHubDrawer-module__XrUS_W__active, .OwesHubDrawer-module__XrUS_W__modeSwitch button[aria-pressed="true"] {
  background: var(--mc-primary);
  color: #fff;
}

.OwesHubDrawer-module__XrUS_W__modeSwitch button:active {
  transform: scale(.98);
}

.OwesHubDrawer-module__XrUS_W__oweList {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__oweCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  transition: transform .15s, background .15s, border-color .15s, box-shadow .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__oweCard:hover {
  background: var(--mc-surface);
  border-color: var(--mc-border);
}

.OwesHubDrawer-module__XrUS_W__oweCard:active {
  transform: scale(.985);
}

.OwesHubDrawer-module__XrUS_W__cardMainRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__avatarSquare {
  background: var(--mc-primary-soft);
  width: 44px;
  height: 44px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  font-size: 15px;
  font-weight: 850;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__cardInfo {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__personTitleRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__personName {
  color: var(--mc-text);
  letter-spacing: -.015em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 800;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__directionTag {
  letter-spacing: .01em;
  box-sizing: border-box;
  background: var(--mc-surface);
  height: 26px;
  color: var(--mc-text);
  border: none;
  border-radius: 20px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1;
  display: inline-flex;
}

.OwesHubDrawer-module__XrUS_W__directionLent, .OwesHubDrawer-module__XrUS_W__directionBorrowed {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
}

.OwesHubDrawer-module__XrUS_W__directionSettled {
  background: color-mix(in srgb, var(--mc-income, #22c55e) 12%, var(--mc-surface));
  color: var(--mc-income, #22c55e);
}

.OwesHubDrawer-module__XrUS_W__cardNote {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__cardAmounts {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__amountPrimary {
  letter-spacing: -.02em;
  color: var(--mc-text);
  font-size: 16px;
  font-weight: 850;
}

.OwesHubDrawer-module__XrUS_W__amountSettled {
  color: var(--mc-muted);
  text-decoration: line-through;
}

.OwesHubDrawer-module__XrUS_W__amountSubtitle {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 650;
}

.OwesHubDrawer-module__XrUS_W__progressWrap {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__progressHeader {
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__progressBarTrack {
  background: var(--mc-surface);
  border-radius: 999px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__progressBarFill {
  background: var(--mc-primary);
  border-radius: 999px;
  height: 100%;
  transition: width .3s cubic-bezier(.2, .8, .2, 1);
}

.OwesHubDrawer-module__XrUS_W__cardFooterRow {
  border-top: 1px solid var(--mc-divider, var(--mc-border));
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-top: 10px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__cardFooterLeft {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__cardDueBadge {
  color: var(--mc-muted);
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__cardDueBadgeMuted {
  color: var(--mc-muted);
  opacity: .65;
  font-size: 11.5px;
  font-weight: 650;
}

.OwesHubDrawer-module__XrUS_W__cardDueOverdue {
  color: var(--mc-danger, #ef4444);
}

.OwesHubDrawer-module__XrUS_W__cardDueSoon {
  color: var(--mc-warning, #f59e0b);
}

.OwesHubDrawer-module__XrUS_W__cardSettleChip {
  background: var(--mc-primary-soft);
  height: 30px;
  color: var(--mc-icon-accent);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 0 12px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__cardSettleChip:hover {
  background: var(--mc-primary);
  color: var(--mc-on-primary, #fff);
}

.OwesHubDrawer-module__XrUS_W__cardSettleChip:active {
  transform: scale(.95);
}

.OwesHubDrawer-module__XrUS_W__cardSettledBadge {
  color: var(--mc-income, #22c55e);
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 750;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailWrapper {
  background: var(--mc-bg);
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__detailTopBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 10px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.OwesHubDrawer-module__XrUS_W__detailHeadCenter {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailAvatarSmall {
  background: var(--mc-primary-soft);
  width: 32px;
  height: 32px;
  color: var(--mc-icon-accent);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  font-size: 12.5px;
  font-weight: 850;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__detailHeadInfo {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailHeadTitle {
  color: var(--mc-text);
  letter-spacing: -.015em;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 15.5px;
  font-weight: 800;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__detailHeadSubtitle {
  color: var(--mc-muted);
  text-align: center;
  font-size: 11px;
  font-weight: 700;
}

.OwesHubDrawer-module__XrUS_W__detailHeadActions {
  align-items: center;
  gap: 6px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailIconBtn {
  width: 36px;
  height: 36px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 11px;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__detailIconBtn:hover {
  color: var(--mc-text);
  background: var(--mc-surface);
}

.OwesHubDrawer-module__XrUS_W__detailIconBtn:active {
  transform: scale(.92);
}

.OwesHubDrawer-module__XrUS_W__detailDangerBtn:hover {
  color: var(--mc-danger, #ef4444);
  background: color-mix(in srgb, var(--mc-danger) 14%, transparent);
}

.OwesHubDrawer-module__XrUS_W__detailBody {
  padding: 14px 16px calc(env(safe-area-inset-bottom, 24px)  + 84px);
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  overflow-y: auto;
}

.OwesHubDrawer-module__XrUS_W__detailBody::-webkit-scrollbar {
  display: none;
}

.OwesHubDrawer-module__XrUS_W__detailHeroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .OwesHubDrawer-module__XrUS_W__detailHeroCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.OwesHubDrawer-module__XrUS_W__detailHeroTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailHeroTopLeft {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailHeroLabel {
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 700;
}

.OwesHubDrawer-module__XrUS_W__detailHeroAmount {
  letter-spacing: -.04em;
  color: var(--mc-text);
  font-size: 28px;
  font-weight: 850;
  line-height: 1.1;
}

.OwesHubDrawer-module__XrUS_W__detailHeroStatusPill {
  letter-spacing: .01em;
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 800;
}

.OwesHubDrawer-module__XrUS_W__statusPillSettled {
  background: color-mix(in srgb, var(--mc-income, #22c55e) 15%, var(--mc-surface));
  color: var(--mc-income, #22c55e);
}

.OwesHubDrawer-module__XrUS_W__statusPillLent {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
}

.OwesHubDrawer-module__XrUS_W__statusPillBorrowed {
  background: color-mix(in srgb, var(--mc-warning, #f59e0b) 15%, var(--mc-surface));
  color: var(--mc-warning, #f59e0b);
}

.OwesHubDrawer-module__XrUS_W__detailHeroProgress {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailHeroTrack {
  background: var(--mc-surface);
  border-radius: 999px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__detailHeroFill {
  border-radius: 999px;
  height: 100%;
  transition: width .3s cubic-bezier(.2, .8, .2, 1);
}

.OwesHubDrawer-module__XrUS_W__detailHeroSub {
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailHeroStatsGrid {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 0;
  padding-top: 10px;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__detailHeroStatTile {
  background: none;
  border-radius: 0;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 0;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailHeroStatLabel {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__detailHeroStatVal {
  color: var(--mc-text);
  letter-spacing: -.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 800;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__detailSection {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailSectionHeader, .OwesHubDrawer-module__XrUS_W__configSectionHead {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
  margin-top: 4px;
  margin-bottom: -8px;
  padding: 0 2px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailSectionTitle, .OwesHubDrawer-module__XrUS_W__configSectionTitle {
  color: var(--mc-text);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 800;
}

.OwesHubDrawer-module__XrUS_W__detailSectionCount {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.OwesHubDrawer-module__XrUS_W__configActionGroup {
  align-items: center;
  gap: 6px;
  height: 32px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configIconActionBtn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: var(--mc-muted);
  box-sizing: border-box;
  background: none;
  border: 0;
  border-radius: 9px;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__configCancelBtn {
  height: 30px;
  color: var(--mc-muted);
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configDoneBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  height: 30px;
  padding: 0 12px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 800;
  transition: opacity .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__goalConfigCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configIdentityRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configIconBtn {
  background: var(--mc-primary-soft);
  width: 46px;
  height: 46px;
  color: var(--mc-icon-accent);
  cursor: default;
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  font-size: 14px;
  font-weight: 850;
  transition: border-color .15s;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__configIconBtnEditable {
  cursor: pointer;
  border-color: var(--mc-border);
  background: var(--mc-primary-soft);
  position: relative;
}

.OwesHubDrawer-module__XrUS_W__configNameBox {
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  height: 46px;
  padding: 4px 10px;
  transition: border-color .15s, background .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configNameBoxEditable {
  border-color: var(--mc-border);
  background: var(--mc-surface);
}

.OwesHubDrawer-module__XrUS_W__configNameBoxEditable:focus-within {
  border-color: var(--mc-primary);
}

.OwesHubDrawer-module__XrUS_W__configBannerLabel {
  color: var(--mc-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.OwesHubDrawer-module__XrUS_W__configNameValBox {
  box-sizing: border-box;
  align-items: center;
  min-height: 22px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configNameVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16.5px;
  font-weight: 850;
  line-height: 1.2;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__configNameInput {
  color: var(--mc-text);
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.OwesHubDrawer-module__XrUS_W__configNameInput:focus {
  outline: none;
}

.OwesHubDrawer-module__XrUS_W__configDirectionSeg {
  background: var(--mc-surface);
  border: 1px solid var(--mc-border);
  border-radius: 10px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 2px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configDirectionFullSeg {
  background: var(--mc-surface);
  border: 1px solid var(--mc-border);
  box-sizing: border-box;
  border-radius: 12px;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  width: 100%;
  padding: 4px;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__configDirectionFullSeg .OwesHubDrawer-module__XrUS_W__configDirectionBtn {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 8px;
  font-size: 12.5px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configDirectionBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 750;
  transition: all .15s;
}

.OwesHubDrawer-module__XrUS_W__configDirectionBtnActive {
  background: var(--mc-primary);
  color: var(--mc-on-primary, #fff);
  font-weight: 800;
}

.OwesHubDrawer-module__XrUS_W__configTileFull {
  background: var(--mc-surface);
  text-align: left;
  color: inherit;
  cursor: default;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configTileFullEditable {
  cursor: pointer;
  border-color: var(--mc-border);
}

.OwesHubDrawer-module__XrUS_W__configTileFullEditable:hover {
  border-color: var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary-soft) 40%, var(--mc-surface));
}

.OwesHubDrawer-module__XrUS_W__configTileFullEditable:active {
  transform: scale(.985);
}

.OwesHubDrawer-module__XrUS_W__configGrid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__configTile {
  background: var(--mc-surface);
  text-align: left;
  color: inherit;
  cursor: default;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configTileEditable {
  cursor: pointer;
  border-color: var(--mc-border);
}

.OwesHubDrawer-module__XrUS_W__configTileEditable:hover {
  border-color: var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary-soft) 40%, var(--mc-surface));
}

.OwesHubDrawer-module__XrUS_W__configTileEditable:active {
  transform: scale(.985);
}

.OwesHubDrawer-module__XrUS_W__configTileIconBox {
  background: var(--mc-primary-soft);
  width: 32px;
  height: 32px;
  color: var(--mc-icon-accent);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__configTileContent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configTileLabel {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__configTileVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
  font-weight: 800;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__configTilePlaceholder {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 550;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__configChevron {
  color: var(--mc-muted);
  flex-shrink: 0;
  margin-left: auto;
}

.OwesHubDrawer-module__XrUS_W__goalHistoryCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 20px;
  flex-direction: column;
  padding: 2px 16px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__goalHistoryRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s, transform .12s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__goalHistoryRow:hover {
  opacity: .85;
}

.OwesHubDrawer-module__XrUS_W__goalHistoryRow:active {
  transform: scale(.985);
}

.OwesHubDrawer-module__XrUS_W__goalHistoryRow:last-child {
  border-bottom: 0;
}

.OwesHubDrawer-module__XrUS_W__goalDateBadge {
  background: var(--mc-primary-soft);
  width: 40px;
  height: 40px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 1px;
  line-height: 1;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__goalDateBadgeDay {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.1;
}

.OwesHubDrawer-module__XrUS_W__goalDateBadgeMonth {
  color: var(--mc-muted);
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
}

.OwesHubDrawer-module__XrUS_W__goalHistoryBaselineRow {
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s, transform .1s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__goalHistoryBaselineRow:hover {
  opacity: .82;
}

.OwesHubDrawer-module__XrUS_W__goalHistoryBaselineRow:active {
  transform: scale(.99);
}

.OwesHubDrawer-module__XrUS_W__goalBaselineTag {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  letter-spacing: .02em;
  border-radius: 6px;
  flex-shrink: 0;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 750;
}

.OwesHubDrawer-module__XrUS_W__configSaveBtn {
  background: var(--mc-primary);
  width: 100%;
  height: 44px;
  color: var(--mc-on-primary, #fff);
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__configSaveBtn:hover {
  opacity: .95;
}

.OwesHubDrawer-module__XrUS_W__configSaveBtn:active {
  transform: scale(.985);
}

.OwesHubDrawer-module__XrUS_W__deleteRecordBtn {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 12%, transparent);
  width: 100%;
  height: 52px;
  min-height: 52px;
  color: var(--mc-danger, #ef4444);
  cursor: pointer;
  box-sizing: border-box;
  border: none;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  margin-bottom: 16px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__deleteRecordBtn:hover {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 20%, transparent);
}

.OwesHubDrawer-module__XrUS_W__deleteRecordBtn:active {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 25%, transparent);
  transform: scale(.985);
}

.OwesHubDrawer-module__XrUS_W__detailActionsBar {
  padding: 12px 18px max(20px, calc(10px + env(safe-area-inset-bottom)));
  background: var(--mc-bg);
  z-index: 20;
  box-sizing: border-box;
  border-top: none;
  grid-template-columns: 1fr 1.6fr;
  gap: 10px;
  max-width: 540px;
  margin: 0 auto;
  display: grid;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.OwesHubDrawer-module__XrUS_W__detailRemindBtn {
  background: var(--mc-surface);
  height: 48px;
  color: var(--mc-text);
  cursor: pointer;
  border: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailRemindBtn:hover {
  background: var(--mc-card);
  border-color: var(--mc-primary);
}

.OwesHubDrawer-module__XrUS_W__detailRemindBtn:active {
  transform: scale(.98);
}

.OwesHubDrawer-module__XrUS_W__detailSettlePrimaryBtn {
  background: var(--mc-primary);
  height: 48px;
  color: var(--mc-on-primary, #fff);
  letter-spacing: -.01em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__detailSettlePrimaryBtn:active {
  transform: scale(.98);
}

.OwesHubDrawer-module__XrUS_W__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__emptyIcon, .OwesHubDrawer-module__XrUS_W__emptyIconWrap {
  background: var(--mc-primary-soft);
  width: 64px;
  height: 64px;
  color: var(--mc-muted);
  border-radius: 20px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__emptyState h3, .OwesHubDrawer-module__XrUS_W__emptyTitle {
  color: var(--mc-text);
  letter-spacing: -.015em;
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 750;
}

.OwesHubDrawer-module__XrUS_W__emptyState p, .OwesHubDrawer-module__XrUS_W__emptyDesc {
  color: var(--mc-muted);
  max-width: 280px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.OwesHubDrawer-module__XrUS_W__emptyBtn {
  background: color-mix(in srgb, var(--mc-card) 65%, transparent);
  height: 52px;
  color: var(--mc-text);
  letter-spacing: -.01em;
  border: 1px solid color-mix(in srgb, var(--mc-text) 14%, transparent);
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 220px;
  margin-top: 8px;
  padding: 0 24px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: inline-flex;
}

.OwesHubDrawer-module__XrUS_W__emptyBtn:hover {
  border-color: var(--mc-primary);
  background: var(--mc-card);
}

.OwesHubDrawer-module__XrUS_W__emptyBtn:active {
  transform: scale(.985);
}

.OwesHubDrawer-module__XrUS_W__drawerBodyForm {
  flex-direction: column;
  gap: 16px;
  padding: 14px 20px 24px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__formGroup {
  flex-direction: column;
  gap: 7px;
  width: 100%;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__formLabel {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  padding-left: 2px;
  font-size: 13px;
  font-weight: 750;
}

.OwesHubDrawer-module__XrUS_W__inputField {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  width: 100%;
  height: 48px;
  box-shadow: var(--mc-shadow-card);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 16px;
  outline: none;
  padding: 0 16px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 700;
  transition: all .15s;
}

.OwesHubDrawer-module__XrUS_W__inputField::placeholder {
  color: var(--mc-muted);
  opacity: .85;
  font-size: 13px;
  font-weight: 500;
}

.OwesHubDrawer-module__XrUS_W__inputField:focus {
  border-color: var(--mc-primary);
  box-shadow: 0 0 0 3px rgba(44, 84, 160, .18);
}

.OwesHubDrawer-module__XrUS_W__inputFieldBtn {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  width: 100%;
  height: 48px;
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 0 16px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__inputFieldBtn:hover {
  border-color: var(--mc-primary);
}

.OwesHubDrawer-module__XrUS_W__inputFieldVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 750;
  overflow: hidden;
}

.OwesHubDrawer-module__XrUS_W__inputFieldPh {
  color: var(--mc-muted);
  font-size: 13px;
  font-weight: 500;
}

.OwesHubDrawer-module__XrUS_W__formRow2 {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__settleAmountCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 20px 16px;
  transition: all .15s;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__settleAmountCard:hover {
  border-color: var(--mc-border);
}

.OwesHubDrawer-module__XrUS_W__settleAmountCard:active {
  transform: scale(.99);
}

.OwesHubDrawer-module__XrUS_W__settleAmountTopLabel {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 700;
}

.OwesHubDrawer-module__XrUS_W__settleAmountVal {
  color: var(--mc-text);
  letter-spacing: -.04em;
  font-size: 34px;
  font-weight: 850;
  line-height: 1.1;
}

.OwesHubDrawer-module__XrUS_W__settleAmountSub {
  color: var(--mc-muted);
  opacity: .85;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 650;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__addIdentityCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 18px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__addIconBtn {
  background: var(--mc-primary-soft);
  width: 44px;
  height: 44px;
  color: var(--mc-icon-accent);
  border: 1px solid var(--mc-border);
  cursor: pointer;
  border-radius: 13px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.OwesHubDrawer-module__XrUS_W__addIconBtn:hover {
  border-color: var(--mc-primary);
  transform: scale(1.05);
}

.OwesHubDrawer-module__XrUS_W__addNameBox {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.OwesHubDrawer-module__XrUS_W__addNameLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
}

.OwesHubDrawer-module__XrUS_W__addNameInput {
  width: 100%;
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: none;
  padding: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 800;
}

.OwesHubDrawer-module__XrUS_W__addNameInput::placeholder {
  color: var(--mc-muted);
  opacity: .6;
  font-weight: 600;
}

/* [project]/src/components/recurring/RecurringBillsView.module.css [app-client] (css) */
.RecurringBillsView-module__Jh5wqq__setPage {
  z-index: 10000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both RecurringBillsView-module__Jh5wqq__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes RecurringBillsView-module__Jh5wqq__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.RecurringBillsView-module__Jh5wqq__setHead {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.RecurringBillsView-module__Jh5wqq__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.RecurringBillsView-module__Jh5wqq__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.RecurringBillsView-module__Jh5wqq__setBody {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding: 0 18px 40px;
  display: flex;
  overflow-y: auto;
}

.RecurringBillsView-module__Jh5wqq__setBody::-webkit-scrollbar {
  display: none;
}

.RecurringBillsView-module__Jh5wqq__hubSummaryCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .RecurringBillsView-module__Jh5wqq__hubSummaryCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.RecurringBillsView-module__Jh5wqq__hubSummaryTop {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__hubSummaryLabel {
  text-transform: none;
  letter-spacing: -.01em;
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 750;
}

.RecurringBillsView-module__Jh5wqq__hubSummaryTotal {
  color: var(--mc-text);
  letter-spacing: -.04em;
  margin-top: 4px;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.1;
}

.RecurringBillsView-module__Jh5wqq__hubSummaryTotal small {
  color: var(--mc-muted);
  margin-left: 3px;
  font-size: 13px;
  font-weight: 700;
}

.RecurringBillsView-module__Jh5wqq__hubHeroIcon {
  color: var(--mc-muted);
}

.RecurringBillsView-module__Jh5wqq__hubSummaryStats {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 10px;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__hubStatItem {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__hubStatLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 650;
}

.RecurringBillsView-module__Jh5wqq__hubStatVal {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 14px;
  font-weight: 800;
}

.RecurringBillsView-module__Jh5wqq__addAccountBtn {
  border: 1.5px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 18px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__addAccountBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-surface);
}

.RecurringBillsView-module__Jh5wqq__addAccountBtn:active {
  transform: scale(.985);
}

.RecurringBillsView-module__Jh5wqq__billsList {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__billCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  border: 0;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  font-family: inherit;
  transition: background .15s, transform .12s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__billCard:hover {
  background: var(--mc-surface);
}

.RecurringBillsView-module__Jh5wqq__billCard:active {
  transform: scale(.985);
}

.RecurringBillsView-module__Jh5wqq__billHeadLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__billIconWrap {
  background: var(--mc-primary-soft);
  width: 42px;
  height: 42px;
  color: var(--mc-icon-accent);
  border-radius: 13px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__billInfo {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__billName {
  letter-spacing: -.015em;
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 800;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__billSub {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 550;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__billHeadRight {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 3px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__billAmount {
  letter-spacing: -.02em;
  color: var(--mc-text);
  font-size: 15px;
  font-weight: 850;
}

.RecurringBillsView-module__Jh5wqq__cardDueBadge {
  letter-spacing: -.01em;
  text-align: right;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.RecurringBillsView-module__Jh5wqq__cardDueBadgeNormal {
  color: var(--mc-icon-accent);
  background: none;
}

.RecurringBillsView-module__Jh5wqq__cardDueBadgeUrgent {
  color: #d87315;
  background: none;
}

.RecurringBillsView-module__Jh5wqq__cardDueBadgeOverdue {
  color: var(--mc-danger, #ef4444);
  background: none;
}

.RecurringBillsView-module__Jh5wqq__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__emptyIcon {
  background: var(--mc-primary-soft);
  width: 64px;
  height: 64px;
  color: var(--mc-muted);
  border-radius: 20px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__emptyState h3 {
  color: var(--mc-text);
  letter-spacing: -.015em;
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 750;
}

.RecurringBillsView-module__Jh5wqq__emptyState p {
  color: var(--mc-muted);
  max-width: 280px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.RecurringBillsView-module__Jh5wqq__emptyBtn {
  background: color-mix(in srgb, var(--mc-card) 65%, transparent);
  height: 52px;
  color: var(--mc-text);
  letter-spacing: -.01em;
  border: 1px solid color-mix(in srgb, var(--mc-text) 14%, transparent);
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 220px;
  margin-top: 8px;
  padding: 0 24px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: inline-flex;
}

.RecurringBillsView-module__Jh5wqq__emptyBtn:hover {
  border-color: var(--mc-primary);
  background: var(--mc-card);
}

.RecurringBillsView-module__Jh5wqq__emptyBtn:active {
  transform: scale(.985);
}

.RecurringBillsView-module__Jh5wqq__detailPage {
  z-index: 10500;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .22s cubic-bezier(.16, 1, .3, 1) both RecurringBillsView-module__Jh5wqq__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__detailTopBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 10px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.RecurringBillsView-module__Jh5wqq__detailBackBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__detailBackBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.RecurringBillsView-module__Jh5wqq__detailTitleBox {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__detailTitleName {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 16px;
  font-weight: 800;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__detailTitleSub {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.RecurringBillsView-module__Jh5wqq__detailHeadGhost {
  width: 40px;
}

.RecurringBillsView-module__Jh5wqq__detailBody {
  padding: 14px 16px calc(env(safe-area-inset-bottom, 24px)  + 96px);
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  overflow-y: auto;
}

.RecurringBillsView-module__Jh5wqq__detailBody::-webkit-scrollbar {
  display: none;
}

.RecurringBillsView-module__Jh5wqq__detailHeroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 12px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .RecurringBillsView-module__Jh5wqq__detailHeroCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.RecurringBillsView-module__Jh5wqq__detailHeroTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__detailHeroTopLeft {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__detailHeroLabel {
  color: var(--mc-muted);
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 650;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__detailHeroAmount {
  letter-spacing: -.04em;
  color: var(--mc-text);
  font-size: 28px;
  font-weight: 850;
  line-height: 1.1;
}

.RecurringBillsView-module__Jh5wqq__detailHeroStatusPill {
  letter-spacing: -.01em;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 800;
}

.RecurringBillsView-module__Jh5wqq__detailHeroStatusActive {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
}

.RecurringBillsView-module__Jh5wqq__detailHeroStatusUrgent {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 15%, var(--mc-surface));
  color: var(--mc-danger, #ef4444);
}

.RecurringBillsView-module__Jh5wqq__detailHeroStatsGrid {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding-top: 10px;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__detailHeroStatTile {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__detailHeroStatLabel {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__detailHeroStatVal {
  color: var(--mc-text);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 800;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__detailSectionHeader, .RecurringBillsView-module__Jh5wqq__configSectionHead {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  min-height: 32px;
  margin-top: 4px;
  margin-bottom: -6px;
  padding: 0 2px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__detailSectionTitle, .RecurringBillsView-module__Jh5wqq__configSectionTitle {
  color: var(--mc-text);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 800;
}

.RecurringBillsView-module__Jh5wqq__detailSectionCount {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.RecurringBillsView-module__Jh5wqq__configActionGroup {
  align-items: center;
  gap: 6px;
  height: 32px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__configIconActionBtn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: var(--mc-muted);
  background: none;
  border: 0;
  border-radius: 9px;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__configCancelBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  height: 30px;
  padding: 4px 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: color .15s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__configCancelBtn:hover {
  color: var(--mc-text);
}

.RecurringBillsView-module__Jh5wqq__configSaveBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 44px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: opacity .15s, transform .1s;
  animation: .22s cubic-bezier(.16, 1, .3, 1) forwards RecurringBillsView-module__Jh5wqq__configSaveBtnAppear;
  display: flex;
}

@keyframes RecurringBillsView-module__Jh5wqq__configSaveBtnAppear {
  0% {
    opacity: 0;
    transform: translateY(8px)scale(.97);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.RecurringBillsView-module__Jh5wqq__configSaveBtn:active {
  transform: scale(.985);
}

.RecurringBillsView-module__Jh5wqq__configSaveBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.RecurringBillsView-module__Jh5wqq__goalConfigCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__configIdentityRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__configIconBtn {
  background: var(--mc-primary-soft);
  width: 46px;
  height: 46px;
  color: var(--mc-icon-accent);
  cursor: default;
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: border-color .15s;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__configIconBtnEditable {
  cursor: pointer;
  border-color: var(--mc-primary);
  background: var(--mc-primary-soft);
}

.RecurringBillsView-module__Jh5wqq__configNameBox {
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  height: 46px;
  padding: 4px 10px;
  transition: border-color .15s, background .15s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__configNameBoxEditable {
  border-color: var(--mc-border);
  background: var(--mc-surface);
}

.RecurringBillsView-module__Jh5wqq__configNameBoxEditable:focus-within {
  border-color: var(--mc-primary);
}

.RecurringBillsView-module__Jh5wqq__configBannerLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
}

.RecurringBillsView-module__Jh5wqq__configNameValBox {
  box-sizing: border-box;
  align-items: center;
  min-height: 20px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__configNameVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.2;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__configNameInput {
  color: var(--mc-text);
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.2;
}

.RecurringBillsView-module__Jh5wqq__configNameInput:focus {
  outline: none;
}

.RecurringBillsView-module__Jh5wqq__configGrid2 {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__configTile {
  background: var(--mc-surface);
  text-align: left;
  min-height: 56px;
  color: inherit;
  cursor: default;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__configTileEditable {
  cursor: pointer;
  border-color: var(--mc-border);
}

.RecurringBillsView-module__Jh5wqq__configTileEditable:hover {
  border-color: var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary-soft) 40%, var(--mc-surface));
}

.RecurringBillsView-module__Jh5wqq__configTileEditable:active {
  transform: scale(.985);
}

.RecurringBillsView-module__Jh5wqq__configTileIcon {
  background: var(--mc-primary-soft);
  width: 32px;
  height: 32px;
  color: var(--mc-icon-accent);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__configTileMeta {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__configTileLabel {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__configTileVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
  font-weight: 800;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__configTilePlaceholder {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 550;
  overflow: hidden;
}

.RecurringBillsView-module__Jh5wqq__configChevron {
  color: var(--mc-muted);
  flex-shrink: 0;
  margin-left: auto;
}

.RecurringBillsView-module__Jh5wqq__goalHistoryCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 20px;
  flex-direction: column;
  padding: 2px 16px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__goalHistoryRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s, transform .12s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__goalHistoryRow:hover {
  opacity: .85;
}

.RecurringBillsView-module__Jh5wqq__goalHistoryRow:active {
  transform: scale(.985);
}

.RecurringBillsView-module__Jh5wqq__goalHistoryRow:last-child {
  border-bottom: 0;
}

.RecurringBillsView-module__Jh5wqq__goalHistoryBaselineRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: pointer;
  text-align: left;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s, transform .1s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__goalHistoryBaselineRow:hover {
  opacity: .82;
}

.RecurringBillsView-module__Jh5wqq__goalHistoryBaselineRow:active {
  transform: scale(.99);
}

.RecurringBillsView-module__Jh5wqq__goalHistoryBaselineRow:last-child {
  border-bottom: 0;
}

.RecurringBillsView-module__Jh5wqq__goalBaselineTag {
  background: var(--mc-primary-soft);
  color: var(--mc-muted);
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 750;
}

.RecurringBillsView-module__Jh5wqq__goalDateBadge {
  background: var(--mc-primary-soft);
  width: 40px;
  height: 40px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 1px;
  line-height: 1;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__goalDateBadgeDay {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.1;
}

.RecurringBillsView-module__Jh5wqq__goalDateBadgeMonth {
  color: var(--mc-muted);
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
}

.RecurringBillsView-module__Jh5wqq__deleteRecordBtn {
  background: color-mix(in srgb, var(--mc-danger) 10%, transparent);
  width: 100%;
  height: 48px;
  min-height: 48px;
  color: var(--mc-danger, #ef4444);
  letter-spacing: -.01em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__deleteRecordBtn:hover {
  background: color-mix(in srgb, var(--mc-danger) 18%, transparent);
}

.RecurringBillsView-module__Jh5wqq__deleteRecordBtn:active {
  transform: scale(.985);
}

.RecurringBillsView-module__Jh5wqq__detailActionsBar {
  max-width: 540px;
  padding: 12px 16px max(20px, calc(10px + env(safe-area-inset-bottom)));
  background: var(--mc-bg);
  z-index: 20;
  border-top: none;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.RecurringBillsView-module__Jh5wqq__detailSettlePrimaryBtn {
  background: var(--mc-primary);
  color: #fff;
  letter-spacing: -.015em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 50px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 850;
  transition: all .15s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__detailSettlePrimaryBtn:hover {
  opacity: .92;
}

.RecurringBillsView-module__Jh5wqq__detailSettlePrimaryBtn:active {
  transform: scale(.985);
}

.RecurringBillsView-module__Jh5wqq__settleAmountCard {
  background: var(--mc-card);
  text-align: center;
  cursor: pointer;
  border: 1.5px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 16px;
  transition: all .15s;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__settleAmountCard:hover {
  border-color: var(--mc-primary);
}

.RecurringBillsView-module__Jh5wqq__settleAmountTopLabel {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.RecurringBillsView-module__Jh5wqq__settleAmountVal {
  color: var(--mc-text);
  letter-spacing: -.03em;
  font-size: 32px;
  font-weight: 850;
}

.RecurringBillsView-module__Jh5wqq__settleAmountTapLabel {
  color: var(--mc-primary);
  font-size: 11.5px;
  font-weight: 650;
}

.RecurringBillsView-module__Jh5wqq__drawerBodyForm {
  flex-direction: column;
  gap: 14px;
  padding: 16px 18px 24px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__addIdentityCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-divider, var(--mc-border));
  border-radius: 20px;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__addIconBtn {
  background: var(--mc-primary-soft);
  width: 48px;
  height: 48px;
  color: var(--mc-icon-accent);
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex-shrink: 0;
  place-items: center;
  transition: transform .15s;
  display: grid;
}

.RecurringBillsView-module__Jh5wqq__addIconBtn:hover {
  transform: scale(1.05);
}

.RecurringBillsView-module__Jh5wqq__addNameBox {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.RecurringBillsView-module__Jh5wqq__addNameLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
}

.RecurringBillsView-module__Jh5wqq__addNameInput {
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: none;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  font-weight: 800;
}

/* [project]/src/components/categories/CategoriesSetupView.module.css [app-client] (css) */
.CategoriesSetupView-module__aKitBW__categoriesOverlay {
  z-index: 10000;
  background: var(--mc-bg);
  flex-direction: column;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.CategoriesSetupView-module__aKitBW__setHead {
  z-index: 10;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 12px;
  background: var(--mc-bg);
  flex-shrink: 0;
  grid-template-columns: minmax(40px, auto) 1fr minmax(40px, auto);
  align-items: center;
  gap: 8px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.CategoriesSetupView-module__aKitBW__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.CategoriesSetupView-module__aKitBW__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.CategoriesSetupView-module__aKitBW__backBtn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.CategoriesSetupView-module__aKitBW__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.CategoriesSetupView-module__aKitBW__headTextBtn {
  height: 38px;
  color: var(--mc-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: opacity .15s, color .15s;
  display: inline-flex;
}

.CategoriesSetupView-module__aKitBW__headTextBtn:hover {
  color: var(--mc-text);
}

.CategoriesSetupView-module__aKitBW__headTextBtn:active {
  opacity: .6;
}

.CategoriesSetupView-module__aKitBW__headDoneBtn {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  height: 34px;
  padding: 0 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  transition: opacity .15s, transform .15s;
  display: inline-flex;
}

.CategoriesSetupView-module__aKitBW__headDoneBtn:active {
  opacity: .9;
  transform: scale(.96);
}

.CategoriesSetupView-module__aKitBW__setHeadAction {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s, background .15s;
  display: grid;
}

.CategoriesSetupView-module__aKitBW__setHeadAction:active {
  opacity: .6;
  transform: scale(.92);
}

.CategoriesSetupView-module__aKitBW__setHeadActionActive {
  background: var(--mc-primary);
  color: #fff;
}

.CategoriesSetupView-module__aKitBW__setHeadActionActive:active {
  opacity: .85;
}

.CategoriesSetupView-module__aKitBW__setHeadAction svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.CategoriesSetupView-module__aKitBW__setBody {
  padding: 0 18px calc(100px + env(safe-area-inset-bottom, 20px));
  scrollbar-width: none;
  flex: 1;
  overflow-y: auto;
}

.CategoriesSetupView-module__aKitBW__setBody::-webkit-scrollbar {
  display: none;
}

.CategoriesSetupView-module__aKitBW__catSearchWrap {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  border-radius: 14px;
  align-items: center;
  gap: 8px;
  height: 52px;
  margin: 14px 0;
  padding: 0 12px;
  transition: border-color .15s, box-shadow .15s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.CategoriesSetupView-module__aKitBW__catSearchWrap:focus-within {
  border-color: var(--mc-primary);
}

.CategoriesSetupView-module__aKitBW__catSearchIcon {
  color: var(--mc-muted);
  flex-shrink: 0;
}

.CategoriesSetupView-module__aKitBW__catSearchInput {
  color: var(--mc-text);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  min-width: 0;
  padding: 0;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
}

.CategoriesSetupView-module__aKitBW__catSearchInput::placeholder {
  color: var(--mc-muted);
  opacity: .8;
}

.CategoriesSetupView-module__aKitBW__catSearchClear {
  background: var(--mc-surface);
  width: 22px;
  height: 22px;
  color: var(--mc-muted);
  cursor: pointer;
  border: none;
  border-radius: 999px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.CategoriesSetupView-module__aKitBW__setHeadGhost {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
}

.CategoriesSetupView-module__aKitBW__catSearchCloseBtn {
  width: 28px;
  height: 28px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: color .15s, transform .15s;
  display: grid;
}

.CategoriesSetupView-module__aKitBW__catSearchCloseBtn:hover {
  color: var(--mc-text);
}

.CategoriesSetupView-module__aKitBW__catSearchCloseBtn:active {
  transform: scale(.92);
}

.CategoriesSetupView-module__aKitBW__catSearchCancelBtn {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 4px 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  transition: all .15s;
}

.CategoriesSetupView-module__aKitBW__catSearchCancelBtn:hover {
  color: var(--mc-text);
}

.CategoriesSetupView-module__aKitBW__catSearchCancelBtn:active {
  transform: scale(.96);
}

.CategoriesSetupView-module__aKitBW__reorderHintBanner {
  width: 100%;
  height: 52px;
  color: var(--mc-muted);
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 14px 0;
  padding: 0 12px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 650;
  display: flex;
}

.CategoriesSetupView-module__aKitBW__reorderHintBanner svg {
  color: var(--mc-muted);
  stroke-width: 1.5px;
  display: inline-block;
}

.CategoriesSetupView-module__aKitBW__reorderFooter {
  background: var(--mc-bg);
  padding: 12px 18px max(20px, calc(10px + env(safe-area-inset-bottom)));
  z-index: 10001;
  border-top: none;
  grid-template-columns: 1fr 1.35fr;
  gap: 10px;
  max-width: 480px;
  margin: 0 auto;
  display: grid;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.CategoriesSetupView-module__aKitBW__reorderFooter:before {
  content: "";
  background: linear-gradient(to bottom, transparent, var(--mc-bg));
  pointer-events: none;
  height: 20px;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.CategoriesSetupView-module__aKitBW__addAccountBtn {
  border: 1.5px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 14px 0;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.CategoriesSetupView-module__aKitBW__addAccountBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-surface);
}

.CategoriesSetupView-module__aKitBW__addAccountBtn:active {
  transform: scale(.985);
}

.CategoriesSetupView-module__aKitBW__categoriesAddBtn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.CategoriesSetupView-module__aKitBW__addAccountBtn svg {
  color: var(--mc-icon-accent);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.CategoriesSetupView-module__aKitBW__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 48px 20px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.CategoriesSetupView-module__aKitBW__emptyIconWrap {
  background: var(--mc-primary-soft, rgba(255, 255, 255, .06));
  width: 64px;
  height: 64px;
  color: var(--mc-muted);
  border-radius: 20px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.CategoriesSetupView-module__aKitBW__emptyState h3 {
  letter-spacing: -.015em;
  color: var(--mc-text);
  margin: 0;
  font-size: 17px;
  font-weight: 850;
}

.CategoriesSetupView-module__aKitBW__emptyState p {
  max-width: 280px;
  color: var(--mc-muted);
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

.CategoriesSetupView-module__aKitBW__setSection {
  letter-spacing: -.01em;
  color: var(--mc-muted);
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
  margin: 14px 4px 8px;
  font-size: 13px;
  font-weight: 750;
  display: flex;
}

.CategoriesSetupView-module__aKitBW__setSection:first-child {
  margin-top: 0;
}

.CategoriesSetupView-module__aKitBW__reorderBtn {
  height: 28px;
  color: var(--mc-text);
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.CategoriesSetupView-module__aKitBW__reorderBtn svg {
  color: var(--mc-icon-accent);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.CategoriesSetupView-module__aKitBW__reorderBtn:active {
  opacity: .55;
}

.CategoriesSetupView-module__aKitBW__reorderAzBtnInline {
  background: var(--mc-primary-soft);
  height: 28px;
  color: var(--mc-text);
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  border: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 750;
  transition: opacity .1s;
  display: inline-flex;
}

.CategoriesSetupView-module__aKitBW__reorderAzBtnInline:active {
  opacity: .6;
}

.CategoriesSetupView-module__aKitBW__setGroup {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 22px;
  margin-bottom: 14px;
  padding: 2px 16px;
  overflow: hidden;
}

.CategoriesSetupView-module__aKitBW__setGroupReorder {
  padding: 2px 0;
}

.CategoriesSetupView-module__aKitBW__setRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  width: 100%;
  height: 60px;
  min-height: 60px;
  color: inherit;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: none;
  align-items: center;
  gap: 12px;
  padding: 0;
  font-family: inherit;
  transition: background .15s;
  display: flex;
}

.CategoriesSetupView-module__aKitBW__setRow:focus {
  outline: none;
}

.CategoriesSetupView-module__aKitBW__setRow:focus-visible {
  outline: none;
}

.CategoriesSetupView-module__aKitBW__setRow:last-child {
  border-bottom: 0;
}

.CategoriesSetupView-module__aKitBW__setRow:active {
  background: var(--mc-surface);
}

.CategoriesSetupView-module__aKitBW__setRow svg {
  stroke-width: 1.5px;
}

.CategoriesSetupView-module__aKitBW__setIc {
  background: var(--mc-primary-soft);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  line-height: 0;
  display: grid;
}

.CategoriesSetupView-module__aKitBW__setIc svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
  width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}

.CategoriesSetupView-module__aKitBW__srLabel {
  letter-spacing: -.01em;
  color: var(--mc-text);
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 760;
  overflow: hidden;
}

.CategoriesSetupView-module__aKitBW__reorderRow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  box-sizing: border-box;
  background: none;
  border-bottom: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  margin: 0;
  padding: 0 16px;
  transition: background .15s;
  display: flex;
  position: relative;
}

.CategoriesSetupView-module__aKitBW__reorderRow:after {
  content: "";
  background: var(--mc-divider, var(--mc-border));
  pointer-events: none;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
}

.CategoriesSetupView-module__aKitBW__reorderRow:last-child:after {
  display: none;
}

.CategoriesSetupView-module__aKitBW__reorderRowDragging {
  background: var(--mc-surface);
  z-index: 10;
  opacity: .95;
  border-radius: 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
}

.CategoriesSetupView-module__aKitBW__reorderRowLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.CategoriesSetupView-module__aKitBW__quickReorderRow {
  border-bottom: 1px solid var(--mc-divider);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  box-sizing: border-box;
  background: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 12px 0;
  transition: background .15s;
  display: flex;
  position: relative;
}

.CategoriesSetupView-module__aKitBW__quickReorderRow:last-child {
  border-bottom: 0;
}

.CategoriesSetupView-module__aKitBW__quickReorderRowDragging {
  background: var(--mc-surface);
  z-index: 10;
  opacity: .95;
  border-radius: 0;
  width: calc(100% + 32px);
  margin: 0 -16px;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
}

.CategoriesSetupView-module__aKitBW__reorderDragHandle {
  width: 36px;
  height: 36px;
  color: var(--mc-muted);
  cursor: grab;
  touch-action: none;
  background: none;
  border: none;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: color .14s, transform .14s;
  display: grid;
}

.CategoriesSetupView-module__aKitBW__reorderDragHandle:active {
  cursor: grabbing;
  color: var(--mc-text);
  transform: scale(1.1);
}

.CategoriesSetupView-module__aKitBW__reorderDragHandle svg {
  stroke-width: 1.5px;
}

/* [project]/src/components/screens/HomeScreen.module.css [app-client] (css) */
.HomeScreen-module__Cbx3dq__screen {
  background: var(--mc-bg);
  min-height: 100%;
  position: relative;
}

.HomeScreen-module__Cbx3dq__hero {
  z-index: 1;
  padding: calc(26px + env(safe-area-inset-top)) 22px 70px;
  color: #fff;
  will-change: transform, opacity;
  transform-origin: top;
  background: radial-gradient(90% 70% at 12% 8%, rgba(158, 190, 248, .6), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 55% 95%, rgba(26, 63, 138, .55), rgba(0, 0, 0, 0) 64%), linear-gradient(172deg, #4a7dd4 0%, #2c54a0 55%, #23468f 100%);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.HomeScreen-module__Cbx3dq__hero:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(55% 38% at 76% 16%, rgba(255, 255, 255, .14), rgba(0, 0, 0, 0) 62%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

[data-theme="dark"] .HomeScreen-module__Cbx3dq__hero {
  background: radial-gradient(90% 70% at 12% 8%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(62, 107, 192, .48), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 55% 95%, rgba(35, 70, 128, .6), rgba(0, 0, 0, 0) 64%), linear-gradient(172deg, #101e42 0%, #0a1633 55%, #0d1b3f 100%);
}

[data-theme="dark"] .HomeScreen-module__Cbx3dq__hero:after {
  background: radial-gradient(55% 38% at 76% 16%, rgba(255, 255, 255, .07), rgba(0, 0, 0, 0) 62%);
}

.HomeScreen-module__Cbx3dq__headerRow {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
  position: relative;
}

.HomeScreen-module__Cbx3dq__greetingText {
  letter-spacing: -.2px;
  color: rgba(255, 255, 255, .9);
  font-size: 15px;
  font-weight: 700;
}

.HomeScreen-module__Cbx3dq__headerRightGroup {
  z-index: 2;
  align-items: center;
  gap: 10px;
  display: flex;
  position: relative;
}

.HomeScreen-module__Cbx3dq__bellBtn {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  transition: all .16s;
  display: grid;
  position: relative;
}

.HomeScreen-module__Cbx3dq__bellBtn:active {
  opacity: .75;
  transform: scale(.9);
}

.HomeScreen-module__Cbx3dq__bellBadge {
  color: #fff;
  background: #3b82f6;
  border: 1.5px solid rgba(255, 255, 255, .9);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 9.5px;
  font-weight: 900;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 1px;
  right: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
}

.HomeScreen-module__Cbx3dq__balanceRow {
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-top: 10px;
  margin-bottom: 6px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__balanceMain {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.HomeScreen-module__Cbx3dq__balanceLabelGroup {
  align-items: center;
  gap: 6px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__balanceLabel {
  color: rgba(255, 255, 255, .82);
  letter-spacing: .2px;
  font-size: 12.5px;
  font-weight: 600;
}

.HomeScreen-module__Cbx3dq__eyeBtn {
  color: rgba(255, 255, 255, .75);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  line-height: 0;
  transition: color .15s;
  display: flex;
}

.HomeScreen-module__Cbx3dq__eyeBtn:hover {
  color: #fff;
}

.HomeScreen-module__Cbx3dq__amountLine {
  justify-content: flex-start;
  align-items: center;
  margin-top: 2px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__amount {
  letter-spacing: -.03em;
  text-shadow: 0 4px 22px rgba(0, 0, 0, .22);
  min-width: 0;
  margin: 0;
  font-size: max(32px, min(9vw, 40px));
  font-weight: 800;
  line-height: 1.04;
}

.HomeScreen-module__Cbx3dq__todaySpentSide {
  text-align: right;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  padding-bottom: 2px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__todaySpentSideLabel {
  color: rgba(255, 255, 255, .7);
  letter-spacing: .1px;
  font-size: 11.5px;
  font-weight: 500;
}

.HomeScreen-module__Cbx3dq__todaySpentSideAmount {
  color: #fff;
  letter-spacing: -.2px;
  margin: 2px 0 0;
  font-size: 14.5px;
  font-weight: 750;
  line-height: 1.2;
}

.HomeScreen-module__Cbx3dq__avatar {
  width: 40px;
  height: 40px;
  color: var(--mc-primary);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: linear-gradient(140deg, #fff, #d7e2f5);
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 14px;
  place-items: center;
  padding: 0;
  font-weight: 800;
  line-height: 1;
  display: grid;
  position: relative;
  overflow: hidden;
}

.HomeScreen-module__Cbx3dq__avatar.HomeScreen-module__Cbx3dq__hasPhoto {
  box-shadow: none;
  color: rgba(0, 0, 0, 0);
  background: none;
  border: 0;
}

.HomeScreen-module__Cbx3dq__avatarImg {
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
  background: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.HomeScreen-module__Cbx3dq__accounts {
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  backdrop-filter: blur(12px) saturate(150%);
  background: rgba(255, 255, 255, .1);
  border-radius: 20px;
  flex-direction: column;
  margin-top: 22px;
  padding: 14px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__accountsHead {
  color: rgba(255, 255, 255, .82);
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 2px 12px;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}

.HomeScreen-module__Cbx3dq__accountsTotalWrap {
  justify-items: end;
  gap: 2px;
  display: grid;
}

.HomeScreen-module__Cbx3dq__accountsTotalWrap span:first-child {
  color: rgba(255, 255, 255, .82);
  font-size: 12.5px;
  font-weight: 600;
}

.HomeScreen-module__Cbx3dq__accountsTotal {
  color: #fff;
  white-space: nowrap;
  padding-bottom: 25px;
  font-size: 13.7px;
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__accountsRow {
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__account {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 14px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 2px 4px 4px;
  transition: transform .14s;
  display: flex;
}

.HomeScreen-module__Cbx3dq__account:active {
  transform: scale(.96);
}

.HomeScreen-module__Cbx3dq__accountIcon {
  background: none;
  border: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  line-height: 0;
  display: flex;
}

.HomeScreen-module__Cbx3dq__accountIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  width: 20px;
  height: 20px;
  display: block;
  overflow: visible;
}

.HomeScreen-module__Cbx3dq__accountName {
  color: rgba(255, 255, 255, .82);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
  overflow: hidden;
}

.HomeScreen-module__Cbx3dq__account strong {
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  overflow: hidden;
}

.HomeScreen-module__Cbx3dq__addAccount {
  color: rgba(255, 255, 255, .88);
}

.HomeScreen-module__Cbx3dq__addAccount .HomeScreen-module__Cbx3dq__accountIcon {
  color: #fff;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 10px;
}

.HomeScreen-module__Cbx3dq__addAccountSub {
  color: rgba(255, 255, 255, .65) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

.HomeScreen-module__Cbx3dq__emptyAccountsBtn {
  color: #fff;
  cursor: pointer;
  text-align: left;
  background: rgba(255, 255, 255, .06);
  border: 1px dashed rgba(255, 255, 255, .28);
  border-radius: 16px;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 12px 16px;
  transition: background .14s, transform .14s;
  display: flex;
}

.HomeScreen-module__Cbx3dq__emptyAccountsBtn:hover {
  background: rgba(255, 255, 255, .1);
}

.HomeScreen-module__Cbx3dq__emptyAccountsBtn:active {
  transform: scale(.98);
}

.HomeScreen-module__Cbx3dq__emptyAccountsIcon {
  color: #fff;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.HomeScreen-module__Cbx3dq__emptyAccountsText {
  gap: 2px;
  display: grid;
}

.HomeScreen-module__Cbx3dq__emptyAccountsText strong {
  letter-spacing: -.01em;
  color: #fff;
  font-size: 13.5px;
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__emptyAccountsText small {
  color: rgba(255, 255, 255, .75);
  font-size: 11.5px;
  font-weight: 600;
}

.HomeScreen-module__Cbx3dq__body {
  z-index: 5;
  padding: 24px 18px calc(28px + env(safe-area-inset-bottom));
  background: var(--mc-bg);
  border-radius: 28px 28px 0 0;
  margin-top: -56px;
  position: relative;
  box-shadow: 0 -14px 40px rgba(0, 0, 0, .45);
}

.HomeScreen-module__Cbx3dq__notice, .HomeScreen-module__Cbx3dq__empty {
  color: var(--mc-muted);
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 40%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 30%, transparent);
  text-align: center;
  border-radius: 18px;
  margin-bottom: 10px;
  padding: 10px 13px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .3);
}

.HomeScreen-module__Cbx3dq__sectionHead {
  justify-content: space-between;
  align-items: center;
  margin: 18px 2px 10px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__body > section:first-child .HomeScreen-module__Cbx3dq__sectionHead {
  margin-top: 0;
}

.HomeScreen-module__Cbx3dq__body > section {
  margin-bottom: 18px;
}

.HomeScreen-module__Cbx3dq__body > section:last-child {
  margin-bottom: 0;
}

.HomeScreen-module__Cbx3dq__sectionHead h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__sectionHead button {
  color: var(--mc-icon-accent);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.HomeScreen-module__Cbx3dq__sectionHead button:after {
  content: "";
  opacity: .7;
  border-top: 4px solid;
  border-left: 3.5px solid rgba(0, 0, 0, 0);
  border-right: 3.5px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  transform: translateY(1px);
}

.HomeScreen-module__Cbx3dq__shortcutsHeaderRight {
  align-items: center;
  gap: 10px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__scrollDotsWrap {
  align-items: center;
  gap: 5px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__scrollDot {
  background: color-mix(in srgb, var(--mc-text) 24%, transparent);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  transition: all .22s cubic-bezier(.2, .8, .2, 1);
}

.HomeScreen-module__Cbx3dq__sortShortcutsBtn {
  color: var(--mc-text);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  transition: opacity .14s;
  display: inline-flex;
}

.HomeScreen-module__Cbx3dq__sortShortcutsBtn:after {
  display: none !important;
}

.HomeScreen-module__Cbx3dq__sortShortcutsBtn svg {
  color: var(--mc-icon-accent);
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.HomeScreen-module__Cbx3dq__sortShortcutsBtn:hover {
  opacity: .85;
}

.HomeScreen-module__Cbx3dq__sortShortcutsBtn:active {
  opacity: .55;
}

.HomeScreen-module__Cbx3dq__quickGrid {
  grid-template-columns: repeat(5, 1fr);
  gap: 11px;
  display: grid;
}

.HomeScreen-module__Cbx3dq__quick {
  min-width: 0;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.HomeScreen-module__Cbx3dq__quickIcon {
  background: var(--mc-card);
  width: 52px;
  height: 52px;
  color: var(--mc-icon-accent);
  border-radius: 17px;
  justify-content: center;
  align-items: center;
  line-height: 0;
  display: flex;
  box-shadow: 0 14px 34px rgba(11, 27, 58, .09);
}

.HomeScreen-module__Cbx3dq__quickSuggested .HomeScreen-module__Cbx3dq__quickIcon {
  background: color-mix(in srgb, var(--mc-card) 84%, var(--mc-primary-soft));
  box-shadow: 0 10px 24px rgba(11, 27, 58, .07);
}

.HomeScreen-module__Cbx3dq__quickSuggested span:last-child {
  color: color-mix(in srgb, var(--mc-muted) 88%, var(--mc-text));
}

.HomeScreen-module__Cbx3dq__quickIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  width: 21px;
  height: 21px;
  display: block;
  overflow: visible;
}

.HomeScreen-module__Cbx3dq__quick span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.HomeScreen-module__Cbx3dq__chartCard {
  background: linear-gradient(180deg, var(--mc-card), color-mix(in srgb, var(--mc-primary-soft) 18%, var(--mc-card)));
  border-radius: 20px;
  padding: 18px 16px 12px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(11, 27, 58, .09);
}

.HomeScreen-module__Cbx3dq__chartCard:before {
  content: "";
  background: radial-gradient(105% 72% at 50% 54%, color-mix(in srgb, var(--mc-primary) 18%, transparent), transparent 68%), radial-gradient(80% 70% at 18% 0, color-mix(in srgb, var(--mc-primary) 9%, transparent), transparent 62%), linear-gradient(0deg, color-mix(in srgb, var(--mc-primary) 18%, transparent) 0%, color-mix(in srgb, var(--mc-primary-soft) 18%, transparent) 38%, transparent 82%);
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.HomeScreen-module__Cbx3dq__chartCard > * {
  z-index: 1;
  position: relative;
}

.HomeScreen-module__Cbx3dq__chartHead {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 0 4px 10px;
  font-size: 13px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__chartHead strong {
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__chartHead span {
  color: var(--mc-icon-accent);
  white-space: nowrap;
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__chartWrap {
  aspect-ratio: 300 / 96;
  background: none;
  border-radius: 16px;
  place-items: center;
  width: 100%;
  max-width: 360px;
  margin: 4px auto 0;
  display: grid;
}

.HomeScreen-module__Cbx3dq__chartSvg {
  width: 100%;
  height: 100%;
  padding: 0 4px;
  display: block;
  overflow: visible;
}

.HomeScreen-module__Cbx3dq__chartBase {
  stroke: rgba(255, 255, 255, .2);
  opacity: 1;
  stroke-width: .5px;
}

.HomeScreen-module__Cbx3dq__chartHGuide {
  stroke: var(--mc-divider);
  stroke-width: .8px;
  opacity: .36;
}

.HomeScreen-module__Cbx3dq__chartHGuideSoft {
  stroke: color-mix(in srgb, var(--mc-muted) 70%, transparent);
  stroke-width: .15px;
  stroke-dasharray: 4 5;
  opacity: .42;
}

.HomeScreen-module__Cbx3dq__chartGuide {
  stroke: var(--mc-muted);
  stroke-width: .8px;
  stroke-dasharray: 2 4;
  opacity: .26;
}

.HomeScreen-module__Cbx3dq__chartForecast {
  stroke: var(--mc-primary);
  stroke-width: 1.4px;
  stroke-linecap: round;
  stroke-dasharray: 4 4;
  opacity: .46;
}

.HomeScreen-module__Cbx3dq__chartArea {
  opacity: 1;
}

.HomeScreen-module__Cbx3dq__chartLine {
  stroke: var(--mc-primary);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.HomeScreen-module__Cbx3dq__chartDot {
  fill: var(--mc-card);
  stroke: var(--mc-primary);
  stroke-width: 1.8px;
}

.HomeScreen-module__Cbx3dq__chartDotPeak {
  fill: var(--mc-primary);
  stroke: var(--mc-card);
  stroke-width: 2.2px;
}

.HomeScreen-module__Cbx3dq__chartPulse {
  fill: none;
  stroke: var(--mc-primary);
  stroke-width: 1.2px;
  opacity: .22;
}

.HomeScreen-module__Cbx3dq__chartWeekLabel {
  fill: var(--mc-icon-accent);
  letter-spacing: -.01em;
  font-size: 8px;
  font-weight: 850;
}

.HomeScreen-module__Cbx3dq__chartProjection {
  fill: var(--mc-muted);
  letter-spacing: -.01em;
  opacity: .86;
  font-size: 7.8px;
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__chartHeadRef {
  z-index: 2;
  pointer-events: none;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 0;
  display: flex;
  position: absolute;
  top: -2px;
  left: 18px;
}

.HomeScreen-module__Cbx3dq__chartHeadRef div {
  gap: 0;
  min-width: 0;
  display: grid;
}

.HomeScreen-module__Cbx3dq__chartHeadRef span {
  color: var(--mc-muted);
  letter-spacing: .01em;
  font-size: 12px;
  font-weight: 750;
}

.HomeScreen-module__Cbx3dq__chartHeadRef strong {
  color: var(--mc-text);
  letter-spacing: -.055em;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.HomeScreen-module__Cbx3dq__chartHeadRef button {
  background: var(--mc-primary-soft);
  height: 28px;
  color: var(--mc-text);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 850;
  display: flex;
}

.HomeScreen-module__Cbx3dq__chartHeadRef button:after {
  content: "";
  opacity: .72;
  border-top: 4px solid;
  border-left: 3.5px solid rgba(0, 0, 0, 0);
  border-right: 3.5px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
}

.HomeScreen-module__Cbx3dq__chartWrapRef {
  aspect-ratio: 300 / 118;
  background: none;
  border-radius: 0;
  place-items: center;
  width: calc(100% + 32px);
  max-width: none;
  margin: 0 -16px;
  display: grid;
  position: relative;
}

.HomeScreen-module__Cbx3dq__chartAreaRef {
  opacity: .86;
}

.HomeScreen-module__Cbx3dq__chartLineRef {
  stroke: var(--mc-text);
  opacity: .65;
  stroke-width: 1.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 4px 7px rgba(0, 0, 0, .16));
}

.HomeScreen-module__Cbx3dq__chartLineQuiet {
  stroke: color-mix(in srgb, var(--mc-text) 76%, var(--mc-primary));
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .78;
}

.HomeScreen-module__Cbx3dq__chartBarActive {
  fill: color-mix(in srgb, var(--mc-primary) 82%, var(--mc-text));
  opacity: .88;
}

.HomeScreen-module__Cbx3dq__chartBarIdle {
  fill: var(--mc-muted);
  opacity: .24;
}

.HomeScreen-module__Cbx3dq__chartBarFuture {
  fill: var(--mc-muted);
  opacity: .12;
}

.HomeScreen-module__Cbx3dq__chartWeekActive {
  fill: var(--mc-primary);
  opacity: .86;
  filter: drop-shadow(0 8px 14px rgba(44, 84, 160, .16));
}

.HomeScreen-module__Cbx3dq__chartWeekIdle {
  fill: color-mix(in srgb, var(--mc-muted) 52%, var(--mc-card));
  opacity: .42;
}

.HomeScreen-module__Cbx3dq__chartWeekFuture {
  fill: var(--mc-muted);
  opacity: .11;
}

.HomeScreen-module__Cbx3dq__chartTooltip {
  fill: var(--mc-primary);
  filter: drop-shadow(0 6px 12px rgba(44, 84, 160, .24));
}

.HomeScreen-module__Cbx3dq__chartTooltipQuiet {
  fill: rgba(0, 0, 0, 0);
  filter: none;
}

.HomeScreen-module__Cbx3dq__chartTooltipText {
  fill: var(--mc-primary);
  letter-spacing: -.01em;
  font-size: 7.6px;
  font-weight: 900;
}

.HomeScreen-module__Cbx3dq__chartAxisLabel {
  fill: var(--mc-muted);
  opacity: .82;
  font-size: 8px;
  font-weight: 750;
}

.HomeScreen-module__Cbx3dq__chartLegendRow {
  color: var(--mc-muted);
  align-items: center;
  gap: 10.5px;
  padding: 0;
  font-size: 10.3px;
  font-weight: 750;
  display: flex;
  position: absolute;
  top: 18px;
  right: 16px;
}

.HomeScreen-module__Cbx3dq__chartLegendRow span {
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.HomeScreen-module__Cbx3dq__legendBar {
  background: var(--mc-primary);
  opacity: .82;
  border-radius: 3px;
  width: 8.4px;
  height: 8.4px;
  display: block;
}

.HomeScreen-module__Cbx3dq__legendLine {
  background: var(--mc-text);
  opacity: .76;
  border-radius: 99px;
  width: 13.65px;
  height: 2.1px;
  display: block;
}

[data-theme="dark"] .HomeScreen-module__Cbx3dq__chartHGuideSoft {
  stroke: rgba(255, 255, 255, .34);
  opacity: 1;
}

[data-theme="dark"] .HomeScreen-module__Cbx3dq__chartBase {
  stroke: rgba(255, 255, 255, .2);
  opacity: 1;
  stroke-width: .5px;
}

[data-theme="dark"] .HomeScreen-module__Cbx3dq__chartTooltipText {
  fill: rgba(229, 234, 245, .86);
}

[data-theme="dark"] .HomeScreen-module__Cbx3dq__chartWeekIdle {
  fill: color-mix(in srgb, var(--mc-muted) 38%, var(--mc-card));
  opacity: .34;
}

.HomeScreen-module__Cbx3dq__chips {
  scrollbar-width: none;
  gap: 16px;
  padding: 4px;
  display: flex;
  overflow-x: auto;
}

.HomeScreen-module__Cbx3dq__chips::-webkit-scrollbar {
  display: none;
}

.HomeScreen-module__Cbx3dq__chips button {
  height: 24px;
  color: color-mix(in srgb, var(--mc-muted) 86%, var(--mc-text));
  cursor: pointer;
  text-align: center;
  background: none;
  border: 0;
  border-radius: 0;
  flex: none;
  min-width: 0;
  padding: 0;
  font-family: inherit;
  font-size: 12.2px;
  font-weight: 500;
}

.HomeScreen-module__Cbx3dq__chips .HomeScreen-module__Cbx3dq__chipOn {
  color: var(--mc-text);
  background: none;
  font-weight: 800;
}

[data-theme="dark"] .HomeScreen-module__Cbx3dq__chips button {
  color: color-mix(in srgb, var(--mc-muted) 78%, #fff);
}

[data-theme="dark"] .HomeScreen-module__Cbx3dq__chips .HomeScreen-module__Cbx3dq__chipOn {
  color: #fff;
}

.HomeScreen-module__Cbx3dq__day {
  color: var(--mc-muted);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 20px 4px 10px;
  font-size: 10.5px;
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__transactionCard {
  background: var(--mc-card);
  border-radius: 18px;
  padding: 4px 14px;
  box-shadow: 0 14px 34px rgba(11, 27, 58, .09);
}

.HomeScreen-module__Cbx3dq__transaction {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  text-align: left;
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 0;
  display: flex;
}

.HomeScreen-module__Cbx3dq__transaction:last-child {
  border-bottom: 0;
}

.HomeScreen-module__Cbx3dq__txIcon {
  background: var(--mc-primary-soft);
  width: 42px;
  height: 42px;
  color: var(--mc-icon-accent);
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  line-height: 0;
  display: flex;
}

.HomeScreen-module__Cbx3dq__txIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  width: 20px;
  height: 20px;
  display: block;
  overflow: visible;
}

.HomeScreen-module__Cbx3dq__txText {
  flex: 1;
  min-width: 0;
}

.HomeScreen-module__Cbx3dq__txText strong, .HomeScreen-module__Cbx3dq__txText small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.HomeScreen-module__Cbx3dq__txText strong {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__txText small {
  color: var(--mc-muted);
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 600;
}

.HomeScreen-module__Cbx3dq__txAmount {
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__txAmount b {
  white-space: nowrap;
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__txAmount small {
  color: var(--mc-muted);
  font-size: 10px;
  font-weight: 700;
}

.HomeScreen-module__Cbx3dq__transaction .HomeScreen-module__Cbx3dq__income {
  color: var(--mc-income);
}

.HomeScreen-module__Cbx3dq__transactionNew {
  animation: HomeScreen-module__Cbx3dq__rowIn .3s var(--mc-ease) both;
}

@keyframes HomeScreen-module__Cbx3dq__rowIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .HomeScreen-module__Cbx3dq__transactionNew {
    animation: none;
  }
}

.HomeScreen-module__Cbx3dq__skeleton {
  align-content: start;
  gap: 18px;
  min-height: 100%;
  padding: 28px 18px;
  display: grid;
}

.HomeScreen-module__Cbx3dq__skeleton div, .HomeScreen-module__Cbx3dq__skeleton i {
  background: linear-gradient(90deg, var(--mc-card), var(--mc-primary-soft), var(--mc-card));
  background-size: 200% 100%;
  border-radius: 24px;
  animation: 1.4s infinite HomeScreen-module__Cbx3dq__shimmer;
  display: block;
}

.HomeScreen-module__Cbx3dq__skeleton div {
  height: 300px;
}

.HomeScreen-module__Cbx3dq__skeleton i {
  height: 100px;
}

@keyframes HomeScreen-module__Cbx3dq__shimmer {
  to {
    background-position: -200% 0;
  }
}

@keyframes HomeScreen-module__Cbx3dq__sheetUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@media (min-width: 800px) {
  .HomeScreen-module__Cbx3dq__screen {
    max-width: 720px;
    margin: 0 auto;
  }

  .HomeScreen-module__Cbx3dq__hero {
    border-radius: 0 0 28px 28px;
  }

  .HomeScreen-module__Cbx3dq__body {
    margin-top: -56px;
  }
}

.HomeScreen-module__Cbx3dq__moreGroupTitle {
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--mc-muted);
  justify-content: space-between;
  margin: 12px 4px 6px;
  font-size: 13px;
  font-weight: 750;
  display: flex;
}

.HomeScreen-module__Cbx3dq__moreGroupTitle:first-child {
  margin-top: 4px;
}

.HomeScreen-module__Cbx3dq__addNewShortcutBtn {
  border: 1.5px solid var(--mc-border);
  width: 100%;
  height: 50px;
  color: var(--mc-muted);
  letter-spacing: -.01em;
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-sizing: border-box;
  background: none;
  border-radius: 18px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.HomeScreen-module__Cbx3dq__addNewShortcutBtn:active {
  transform: translateY(0);
}

.HomeScreen-module__Cbx3dq__moreRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  outline: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 0;
  display: flex;
}

.HomeScreen-module__Cbx3dq__moreRow:focus {
  outline: none;
}

.HomeScreen-module__Cbx3dq__moreRow:focus-visible {
  outline: none;
}

.HomeScreen-module__Cbx3dq__moreRow:last-child {
  border-bottom: 0;
}

.HomeScreen-module__Cbx3dq__moreRowIcon {
  width: var(--mc-drawer-icon);
  height: var(--mc-drawer-icon);
  border-radius: var(--mc-drawer-icon-radius);
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  flex: none;
  justify-content: center;
  align-items: center;
  line-height: 0;
  display: flex;
}

.HomeScreen-module__Cbx3dq__moreRowIcon svg {
  width: var(--mc-drawer-icon-glyph);
  height: var(--mc-drawer-icon-glyph);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  display: block;
  overflow: visible;
}

.HomeScreen-module__Cbx3dq__moreRowText {
  flex: 1;
  min-width: 0;
}

.HomeScreen-module__Cbx3dq__moreRowText strong, .HomeScreen-module__Cbx3dq__moreRowText small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.HomeScreen-module__Cbx3dq__moreRowText strong {
  font-size: var(--mc-drawer-label-size);
  font-weight: var(--mc-drawer-label-weight);
  color: var(--mc-text);
}

.HomeScreen-module__Cbx3dq__moreRowText small {
  color: var(--mc-muted);
  font-size: var(--mc-drawer-sub-size);
  font-weight: var(--mc-drawer-sub-weight);
  margin-top: 2px;
}

.HomeScreen-module__Cbx3dq__moreRowRight {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  gap: 3px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__morePin {
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 2px;
  line-height: 0;
  transition: color .15s;
  display: flex;
}

.HomeScreen-module__Cbx3dq__morePin svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.HomeScreen-module__Cbx3dq__morePin:hover {
  color: var(--mc-primary);
}

.HomeScreen-module__Cbx3dq__moreRowAmount {
  white-space: nowrap;
  color: var(--mc-text);
  font-size: 13.5px;
  font-weight: 800;
}

.HomeScreen-module__Cbx3dq__moreRowNoAmount {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.HomeScreen-module__Cbx3dq__categoryHeroIconButton {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  line-height: 0;
  position: relative;
}

.HomeScreen-module__Cbx3dq__categoryHeroIconButton svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.HomeScreen-module__Cbx3dq__categoryIconPencil {
  border: 3px solid var(--mc-bg);
  background: var(--mc-primary);
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 22px;
  height: 22px;
  line-height: 0;
  display: grid;
  position: absolute;
  bottom: -4px;
  right: -4px;
}

.HomeScreen-module__Cbx3dq__categoryIconPencil svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.HomeScreen-module__Cbx3dq__pickerRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  cursor: pointer;
  text-align: left;
  width: 100%;
  font: inherit;
  color: inherit;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 11px 4px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__pickerLabel {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 700;
}

.HomeScreen-module__Cbx3dq__pickerCheck {
  color: var(--mc-primary);
  font-size: 16px;
  font-weight: 900;
}

.HomeScreen-module__Cbx3dq__billsList {
  gap: 10px;
  margin-bottom: 14px;
  display: grid;
}

.HomeScreen-module__Cbx3dq__billCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border: 1px solid var(--mc-border);
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__billIcon {
  color: #60a5fa;
  background: rgba(59, 130, 246, .12);
  border-radius: 11px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.HomeScreen-module__Cbx3dq__billInfo {
  flex: 1;
  min-width: 0;
}

.HomeScreen-module__Cbx3dq__billName {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}

.HomeScreen-module__Cbx3dq__billDue {
  color: #fbbf24;
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 650;
}

.HomeScreen-module__Cbx3dq__billRight {
  flex: none;
  align-items: center;
  gap: 10px;
  display: flex;
}

.HomeScreen-module__Cbx3dq__billPayBtn {
  color: #93c5fd;
  cursor: pointer;
  background: rgba(59, 130, 246, .18);
  border: 1px solid rgba(59, 130, 246, .35);
  border-radius: 8px;
  padding: 5px 12px;
  font: 800 12px inherit;
  transition: all .12s;
}

.HomeScreen-module__Cbx3dq__billPayBtn:active {
  background: rgba(59, 130, 246, .3);
  transform: scale(.95);
}

.HomeScreen-module__Cbx3dq__quickOverlay {
  z-index: 10000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both HomeScreen-module__Cbx3dq__quickSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes HomeScreen-module__Cbx3dq__quickSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.HomeScreen-module__Cbx3dq__quickTopBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 16px) 20px 16px;
  z-index: 10;
  background: none;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
}

.HomeScreen-module__Cbx3dq__quickContent {
  -webkit-overflow-scrolling: touch;
  padding: 0 20px calc(40px + env(safe-area-inset-bottom));
  flex: 1;
  overflow-y: auto;
}

.HomeScreen-module__Cbx3dq__quickBackBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.HomeScreen-module__Cbx3dq__quickBackBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.HomeScreen-module__Cbx3dq__quickHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.HomeScreen-module__Cbx3dq__quickHeadGhost {
  visibility: hidden;
  width: 40px;
}

/* [project]/src/components/home/RearrangeShortcutsDrawer.module.css [app-client] (css) */
.RearrangeShortcutsDrawer-module__FiXUwW__reorderRow {
  border-bottom: 1px solid var(--mc-divider);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 13px 0;
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), background .15s, opacity .15s;
  display: flex;
  position: relative;
}

.RearrangeShortcutsDrawer-module__FiXUwW__reorderRow:last-child {
  border-bottom: 0;
}

.RearrangeShortcutsDrawer-module__FiXUwW__reorderRowDragging {
  touch-action: none;
  z-index: 10;
  opacity: .95;
  border-radius: 0;
  width: calc(100% + 32px);
  margin: 0 -16px;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
  background: var(--mc-surface) !important;
}

.RearrangeShortcutsDrawer-module__FiXUwW__rowLeft {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.RearrangeShortcutsDrawer-module__FiXUwW__iconBox {
  background: var(--mc-primary-soft);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.RearrangeShortcutsDrawer-module__FiXUwW__label {
  color: var(--mc-text);
  letter-spacing: -.01em;
  font-size: 14.5px;
  font-weight: 750;
}

.RearrangeShortcutsDrawer-module__FiXUwW__dragHandle {
  width: 36px;
  height: 36px;
  color: var(--mc-muted, rgba(255, 255, 255, .4));
  cursor: grab;
  touch-action: none;
  background: none;
  border: none;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: color .14s, transform .14s;
  display: grid;
}

.RearrangeShortcutsDrawer-module__FiXUwW__dragHandle:active {
  cursor: grabbing;
  color: var(--mc-text, #fff);
  transform: scale(1.1);
}

/* [project]/src/components/accounts/AccountActivityDrawer.module.css [app-client] (css) */
.AccountActivityDrawer-module__C8iOwa__drawerOverlay {
  z-index: 25000;
  -webkit-backdrop-filter: blur(14px);
  background: rgba(0, 0, 0, .72);
  justify-content: center;
  align-items: flex-end;
  animation: .2s cubic-bezier(.16, 1, .3, 1) both AccountActivityDrawer-module__C8iOwa__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes AccountActivityDrawer-module__C8iOwa__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.AccountActivityDrawer-module__C8iOwa__panel {
  background: var(--mc-bg, #0b0e14);
  width: 100%;
  max-width: 480px;
  max-height: 88vh;
  box-shadow: var(--mc-shadow-sheet, 0 -20px 50px rgba(0, 0, 0, .65));
  border: none;
  border-radius: 28px 28px 0 0;
  flex-direction: column;
  animation: .28s cubic-bezier(.16, 1, .3, 1) both AccountActivityDrawer-module__C8iOwa__slideUp;
  display: flex;
  overflow: hidden;
}

@keyframes AccountActivityDrawer-module__C8iOwa__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.AccountActivityDrawer-module__C8iOwa__head {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 12px;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__headLeft {
  align-items: center;
  gap: 10px;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__title {
  color: var(--mc-text, #fff);
  letter-spacing: -.015em;
  font-size: 16px;
  font-weight: 800;
}

.AccountActivityDrawer-module__C8iOwa__closeBtn {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  color: var(--mc-muted, #94a3b8);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  aspect-ratio: 1;
  background: rgba(255, 255, 255, .06);
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: all .15s;
  display: grid;
}

.AccountActivityDrawer-module__C8iOwa__closeBtn:active {
  color: #fff;
  background: rgba(255, 255, 255, .12);
  transform: scale(.92);
}

.AccountActivityDrawer-module__C8iOwa__body {
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  padding: 16px 20px 24px;
  display: flex;
  overflow-y: auto;
}

.AccountActivityDrawer-module__C8iOwa__heroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  transition: transform .15s, opacity .15s;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

.AccountActivityDrawer-module__C8iOwa__heroTop {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__heroAccount {
  align-items: center;
  gap: 10px;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__heroAccountInfo {
  flex-direction: column;
  gap: 1px;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__heroAccountName {
  color: #fff;
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 750;
}

.AccountActivityDrawer-module__C8iOwa__heroAccountType {
  color: var(--mc-muted, #94a3b8);
  text-transform: capitalize;
  font-size: 11px;
  font-weight: 600;
}

.AccountActivityDrawer-module__C8iOwa__heroBalCol {
  text-align: right;
}

.AccountActivityDrawer-module__C8iOwa__heroBalLabel {
  color: var(--mc-muted, #94a3b8);
  letter-spacing: -.01em;
  font-size: 10.5px;
  font-weight: 600;
}

.AccountActivityDrawer-module__C8iOwa__heroBalValue {
  color: #fff;
  letter-spacing: -.015em;
  font-size: 17px;
  font-weight: 850;
}

.AccountActivityDrawer-module__C8iOwa__heroMetricsDivider {
  background: rgba(255, 255, 255, .06);
  width: 100%;
  height: 1px;
}

.AccountActivityDrawer-module__C8iOwa__heroMetricsRow {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.AccountActivityDrawer-module__C8iOwa__metricCol {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__metricLabel {
  color: var(--mc-muted, #94a3b8);
  font-size: 10.5px;
  font-weight: 600;
}

.AccountActivityDrawer-module__C8iOwa__metricValue {
  color: #fff;
  font-size: 13.5px;
  font-weight: 750;
}

.AccountActivityDrawer-module__C8iOwa__metricValueIncome {
  color: #10b981;
}

.AccountActivityDrawer-module__C8iOwa__searchRow {
  background: var(--mc-card);
  box-sizing: border-box;
  width: 100%;
  height: 46px;
  min-height: 46px;
  box-shadow: var(--mc-shadow-card);
  border-radius: 16px;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__searchRow:focus-within {
  border-color: var(--mc-primary, #3b82f6);
}

.AccountActivityDrawer-module__C8iOwa__searchIcon {
  color: var(--mc-muted, #94a3b8);
  flex-shrink: 0;
}

.AccountActivityDrawer-module__C8iOwa__searchInput {
  min-width: 0;
  height: 100%;
  color: var(--mc-text, #fff);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
}

.AccountActivityDrawer-module__C8iOwa__searchInput::placeholder {
  color: var(--mc-muted, #94a3b8);
  opacity: .7;
}

.AccountActivityDrawer-module__C8iOwa__searchClear {
  color: var(--mc-muted, #94a3b8);
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  place-items: center;
  padding: 2px;
  display: grid;
}

.AccountActivityDrawer-module__C8iOwa__timelineSection {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__dateGroup {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__dateLabel {
  color: var(--mc-muted);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0 3px 8px;
  font-size: 10.5px;
  font-weight: 800;
}

.AccountActivityDrawer-module__C8iOwa__txCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 19px;
  padding: 3px 13px;
}

.AccountActivityDrawer-module__C8iOwa__txRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  text-align: left;
  background: none;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 11px 0;
  display: grid;
}

.AccountActivityDrawer-module__C8iOwa__txRow:last-child {
  border-bottom: none;
}

.AccountActivityDrawer-module__C8iOwa__txRow:active {
  background: rgba(255, 255, 255, .05);
}

.AccountActivityDrawer-module__C8iOwa__txIconWrap {
  background: var(--mc-primary-soft);
  width: 38px;
  height: 38px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  place-items: center;
  line-height: 0;
  display: grid;
}

.AccountActivityDrawer-module__C8iOwa__txInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__txTitle {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 700;
  overflow: hidden;
}

.AccountActivityDrawer-module__C8iOwa__txSub {
  color: var(--mc-muted, #94a3b8);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
}

.AccountActivityDrawer-module__C8iOwa__txAmount {
  color: #fff;
  letter-spacing: -.01em;
  text-align: right;
  flex-shrink: 0;
  font-size: 13.5px;
  font-weight: 800;
}

.AccountActivityDrawer-module__C8iOwa__txIncome {
  color: #10b981;
}

.AccountActivityDrawer-module__C8iOwa__emptyWrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 36px 16px;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__emptyIcon {
  width: 48px;
  height: 48px;
  color: var(--mc-muted, #94a3b8);
  background: rgba(255, 255, 255, .05);
  border-radius: 16px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.AccountActivityDrawer-module__C8iOwa__emptyTitle {
  color: var(--mc-text, #fff);
  font-size: 14.5px;
  font-weight: 750;
}

.AccountActivityDrawer-module__C8iOwa__emptyDesc {
  color: var(--mc-muted, #94a3b8);
  max-width: 240px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}

.AccountActivityDrawer-module__C8iOwa__fullHistoryBtn {
  background: var(--mc-primary);
  width: 100%;
  height: 46px;
  color: var(--mc-text);
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.AccountActivityDrawer-module__C8iOwa__fullHistoryBtn:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, .2);
}

.AccountActivityDrawer-module__C8iOwa__fullHistoryBtn:active {
  transform: scale(.985);
}

/* [project]/src/components/home/HomeVoiceCoachModal.module.css [app-client] (css) */
.HomeVoiceCoachModal-module__V8mEaW__overlay {
  z-index: 10000;
  box-sizing: border-box;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.HomeVoiceCoachModal-module__V8mEaW__backdrop {
  -webkit-backdrop-filter: blur(14px);
  background: rgba(0, 0, 0, .68);
  animation: .25s HomeVoiceCoachModal-module__V8mEaW__fadeIn;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.HomeVoiceCoachModal-module__V8mEaW__card {
  background: var(--mc-card, #121c33);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .12));
  box-sizing: border-box;
  text-align: center;
  z-index: 1;
  border-radius: 26px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 380px;
  padding: 28px 22px 18px;
  animation: .3s cubic-bezier(.16, 1, .3, 1) HomeVoiceCoachModal-module__V8mEaW__modalPop;
  display: flex;
  position: relative;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .65);
}

.HomeVoiceCoachModal-module__V8mEaW__headerTitle {
  letter-spacing: -.02em;
  color: var(--mc-text, #fff);
  margin: 0 0 28px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}

.HomeVoiceCoachModal-module__V8mEaW__headerSubtitle {
  color: var(--mc-muted, rgba(255, 255, 255, .65));
  max-width: 320px;
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.HomeVoiceCoachModal-module__V8mEaW__suggestionWrap {
  box-sizing: border-box;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  min-height: 42px;
  max-height: 42px;
  margin: 28px 0;
  padding: 0 8px;
  display: flex;
  overflow: hidden;
}

.HomeVoiceCoachModal-module__V8mEaW__suggestionText {
  color: var(--mc-muted, rgba(255, 255, 255, .58));
  text-align: center;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 320px;
  font-size: 12.5px;
  font-style: italic;
  font-weight: 550;
  line-height: 1.35;
  transition: opacity .28s, transform .28s;
  display: -webkit-box;
  overflow: hidden;
}

.HomeVoiceCoachModal-module__V8mEaW__fadeIn {
  opacity: 1;
  transform: translateY(0);
}

.HomeVoiceCoachModal-module__V8mEaW__fadeOut {
  opacity: 0;
  transform: translateY(-4px);
}

.HomeVoiceCoachModal-module__V8mEaW__primaryBtn {
  color: #0c1527;
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 52px;
  margin-bottom: 4px;
  font-family: inherit;
  font-size: 15.5px;
  font-weight: 700;
  transition: transform .15s, opacity .15s;
  display: flex;
}

.HomeVoiceCoachModal-module__V8mEaW__primaryBtn:active {
  transform: scale(.97);
}

.HomeVoiceCoachModal-module__V8mEaW__dismissBtn {
  color: var(--mc-muted, rgba(255, 255, 255, .5));
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  margin-top: 2px;
  padding: 8px 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: color .15s;
}

.HomeVoiceCoachModal-module__V8mEaW__dismissBtn:hover, .HomeVoiceCoachModal-module__V8mEaW__dismissBtn:active {
  color: var(--mc-text, #fff);
}

@keyframes HomeVoiceCoachModal-module__V8mEaW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes HomeVoiceCoachModal-module__V8mEaW__modalPop {
  from {
    opacity: 0;
    transform: scale(.94)translateY(10px);
  }

  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

/* [project]/src/components/screens/FlowScreen.module.css [app-client] (css) */
.FlowScreen-module__l1TerW__screen {
  background: var(--mc-bg);
  min-height: 100%;
  color: var(--mc-text);
  padding: calc(34px + env(safe-area-inset-top)) 18px calc(148px + env(safe-area-inset-bottom));
  overflow-x: hidden;
}

.FlowScreen-module__l1TerW__head {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.FlowScreen-module__l1TerW__head > div:first-child {
  flex: 1;
  min-width: 0;
}

.FlowScreen-module__l1TerW__head h1 {
  letter-spacing: -.04em;
  color: var(--mc-text);
  margin: 0;
  font-size: 31px;
  font-weight: 850;
  line-height: 1;
}

.FlowScreen-module__l1TerW__monthControl {
  background: none;
  border: 0;
  border-radius: 15px;
  flex: none;
  align-items: center;
  gap: 3px;
  min-height: 34px;
  margin-left: auto;
  padding: 3px;
  display: flex;
}

.FlowScreen-module__l1TerW__monthControl button {
  width: 27px;
  height: 27px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 10px;
  place-items: center;
  padding: 0;
  line-height: 0;
  display: grid;
}

.FlowScreen-module__l1TerW__monthControl button svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.FlowScreen-module__l1TerW__monthControl button:disabled {
  opacity: .32;
  cursor: not-allowed;
}

.FlowScreen-module__l1TerW__monthControl button:active {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
}

.FlowScreen-module__l1TerW__monthLabelBtn {
  white-space: nowrap !important;
  width: auto !important;
  color: var(--mc-text) !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 5px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  display: flex !important;
}

.FlowScreen-module__l1TerW__hero {
  color: #fff;
  background: radial-gradient(80% 70% at 14% 2%, rgba(124, 166, 248, .72), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 88% 10%, rgba(42, 86, 175, .58), rgba(0, 0, 0, 0) 62%), linear-gradient(160deg, #4a7dd4 0%, #2c54a0 48%, #17346f 100%);
  border-radius: 28px;
  margin-bottom: 14px;
  padding: 19px 17px 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(22, 53, 118, .22);
}

[data-theme="dark"] .FlowScreen-module__l1TerW__hero {
  box-shadow: none;
  background: radial-gradient(80% 70% at 14% 2%, rgba(96, 138, 224, .56), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 88% 10%, rgba(62, 107, 192, .48), rgba(0, 0, 0, 0) 62%), linear-gradient(160deg, #101e42 0%, #243d79 52%, #08152f 100%);
}

.FlowScreen-module__l1TerW__heroGlow {
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, 0) 38%, rgba(255, 255, 255, .05));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FlowScreen-module__l1TerW__heroTop {
  z-index: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
  position: relative;
}

.FlowScreen-module__l1TerW__heroLabel {
  opacity: .76;
  letter-spacing: .01em;
  word-spacing: .18em;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 750;
}

.FlowScreen-module__l1TerW__heroAmount {
  letter-spacing: -.055em;
  font-variant-numeric: tabular-nums;
  font-size: 38px;
  font-weight: 900;
  line-height: .95;
}

.FlowScreen-module__l1TerW__netPill {
  white-space: nowrap;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 850;
  display: flex;
}

.FlowScreen-module__l1TerW__netPill.FlowScreen-module__l1TerW__good {
  color: #07ff61;
}

.FlowScreen-module__l1TerW__netPill.FlowScreen-module__l1TerW__warn {
  color: #fff2d2;
}

.FlowScreen-module__l1TerW__planBlock {
  z-index: 1;
  margin-top: 16px;
  position: relative;
}

.FlowScreen-module__l1TerW__planCopyRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  display: flex;
}

.FlowScreen-module__l1TerW__planCopy {
  color: rgba(255, 255, 255, .84);
  gap: 2px;
  min-width: 0;
  display: grid;
}

.FlowScreen-module__l1TerW__planCopy b, .FlowScreen-module__l1TerW__planCopy span {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__planCopy b {
  color: rgba(255, 255, 255, .92);
  font-size: 12.5px;
  font-weight: 850;
}

.FlowScreen-module__l1TerW__planCopy span {
  color: rgba(255, 255, 255, .62);
  font-size: 10.5px;
  font-weight: 720;
}

.FlowScreen-module__l1TerW__planLink {
  color: rgba(255, 255, 255, .86);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  line-height: 0;
  display: grid;
}

.FlowScreen-module__l1TerW__planLink svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.FlowScreen-module__l1TerW__planTrack {
  background: rgba(255, 255, 255, .2);
  border-radius: 99px;
  height: 7px;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__planTrack i {
  border-radius: inherit;
  background: #fff;
  height: 100%;
  transition: width .24s;
  display: block;
}

.FlowScreen-module__l1TerW__dangerFill {
  background: var(--mc-danger) !important;
}

.FlowScreen-module__l1TerW__heroStats {
  z-index: 1;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
  display: grid;
  position: relative;
}

.FlowScreen-module__l1TerW__heroStats div {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, .11);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 16px;
  min-width: 0;
  padding: 10px 9px;
}

.FlowScreen-module__l1TerW__heroStats span, .FlowScreen-module__l1TerW__heroStats b {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__heroStats span {
  color: rgba(255, 255, 255, .66);
  margin-bottom: 4px;
  font-size: 10.5px;
  font-weight: 750;
}

.FlowScreen-module__l1TerW__heroStats b {
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 900;
}

.FlowScreen-module__l1TerW__body {
  gap: 16px;
  display: grid;
}

.FlowScreen-module__l1TerW__modeSwitch {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  height: 44px;
  box-shadow: var(--mc-shadow-card);
  border-radius: 18px;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin-top: 1px;
  padding: 4px;
  display: grid;
}

.FlowScreen-module__l1TerW__modeSwitch button {
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 850;
  transition: background .18s, color .18s, transform .18s;
  display: flex;
}

.FlowScreen-module__l1TerW__modeSwitch button.FlowScreen-module__l1TerW__active {
  background: var(--mc-primary);
  color: #fff;
}

.FlowScreen-module__l1TerW__modeSwitch button:active {
  transform: scale(.98);
}

.FlowScreen-module__l1TerW__graphCard, .FlowScreen-module__l1TerW__heatCard {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  border-radius: 24px;
  padding: 16px;
}

.FlowScreen-module__l1TerW__sectionHead {
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 12px;
  display: flex;
}

.FlowScreen-module__l1TerW__sectionHead h2 {
  color: var(--mc-text);
  letter-spacing: -.025em;
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.1;
}

.FlowScreen-module__l1TerW__sectionHead p {
  color: var(--mc-muted);
  max-width: 260px;
  margin: 4px 0 0;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.35;
}

.FlowScreen-module__l1TerW__sectionIconBtn {
  width: 28px;
  height: 28px;
  color: var(--mc-icon-accent);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  margin-top: -1px;
  padding: 0;
  font-family: inherit;
  line-height: 0;
  transition: transform .18s, color .18s;
  display: grid;
}

.FlowScreen-module__l1TerW__sectionIconBtn svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.FlowScreen-module__l1TerW__sectionIconBtn:active {
  color: var(--mc-primary);
  transform: scale(.96);
}

.FlowScreen-module__l1TerW__graphWrap {
  grid-template-columns: 132px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 140px;
  display: grid;
}

.FlowScreen-module__l1TerW__ringBox {
  place-items: center;
  width: 132px;
  height: 132px;
  display: grid;
  position: relative;
}

.FlowScreen-module__l1TerW__ringSvg {
  filter: drop-shadow(0 8px 16px rgba(44, 84, 160, .14));
  width: 132px;
  height: 132px;
  overflow: visible;
  transform: rotate(-90deg);
}

.FlowScreen-module__l1TerW__ringBase {
  fill: none;
  stroke: var(--mc-divider);
  stroke-width: 5.2px;
}

.FlowScreen-module__l1TerW__ringSeg {
  fill: none;
  stroke-width: 5.2px;
  stroke-linecap: round;
  transition: stroke-dasharray .24s, stroke-dashoffset .24s;
}

.FlowScreen-module__l1TerW__ringCenter {
  text-align: center;
  place-content: center;
  min-width: 0;
  padding: 22px;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FlowScreen-module__l1TerW__ringCenter span {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--mc-muted);
  font-size: 10px;
  font-weight: 850;
}

.FlowScreen-module__l1TerW__ringCenter b {
  letter-spacing: -.045em;
  color: var(--mc-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 76px;
  margin-top: 2px;
  font-size: max(11px, min(3.5vw, 15px));
  font-weight: 950;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__topStack {
  gap: 9px;
  min-width: 0;
  display: grid;
}

.FlowScreen-module__l1TerW__stackRow {
  min-width: 0;
  color: var(--mc-muted);
  grid-template-columns: 9px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  font-weight: 800;
  display: grid;
}

.FlowScreen-module__l1TerW__stackRow span {
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.FlowScreen-module__l1TerW__stackRow b {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__stackRow em {
  color: var(--mc-muted);
  font-variant-numeric: tabular-nums;
  font-style: normal;
}

.FlowScreen-module__l1TerW__emptyTiny {
  color: var(--mc-muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}

.FlowScreen-module__l1TerW__rowSection {
  gap: 8px;
  display: grid;
}

.FlowScreen-module__l1TerW__rowSection > .FlowScreen-module__l1TerW__sectionHead {
  margin: 0 2px 2px;
}

.FlowScreen-module__l1TerW__plainList {
  background: none;
  display: grid;
}

.FlowScreen-module__l1TerW__flowRow, .FlowScreen-module__l1TerW__budgetRow, .FlowScreen-module__l1TerW__movementRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  width: 100%;
  min-height: 64px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  font-family: inherit;
  display: flex;
}

.FlowScreen-module__l1TerW__flowRow:last-child, .FlowScreen-module__l1TerW__budgetRow:last-child, .FlowScreen-module__l1TerW__movementRow:last-child {
  border-bottom: 0;
}

.FlowScreen-module__l1TerW__rowDot {
  border-radius: 99px;
  flex: none;
  width: 3px;
  height: 42px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .08);
}

.FlowScreen-module__l1TerW__budgetRow > svg {
  background: var(--mc-primary-soft);
  width: 38px;
  height: 38px;
  color: var(--mc-icon-accent);
  box-sizing: border-box;
  fill: none;
  stroke: currentColor;
  border-radius: 13px;
  flex: none;
  padding: 10px;
  display: block;
  overflow: visible;
}

.FlowScreen-module__l1TerW__rowMain {
  flex: 1;
  min-width: 0;
}

.FlowScreen-module__l1TerW__rowTop {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 4px;
  display: flex;
}

.FlowScreen-module__l1TerW__rowTop b {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 13.5px;
  font-weight: 900;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__rowTop strong {
  color: var(--mc-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex: none;
  font-size: 13px;
  font-weight: 900;
}

.FlowScreen-module__l1TerW__rowMeta {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 720;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__rowTrack {
  background: var(--mc-divider);
  border-radius: 99px;
  height: 5px;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__rowTrack i {
  border-radius: inherit;
  background: var(--mc-primary);
  height: 100%;
  transition: width .24s;
  display: block;
}

.FlowScreen-module__l1TerW__overText {
  color: var(--mc-danger) !important;
}

.FlowScreen-module__l1TerW__emptyRow {
  color: var(--mc-muted);
  border-bottom: 1px solid var(--mc-divider);
  padding: 14px 0;
  font-size: 12.5px;
  font-weight: 750;
}

.FlowScreen-module__l1TerW__heatCard {
  overflow: hidden;
}

.FlowScreen-module__l1TerW__filterChips {
  scrollbar-width: none;
  gap: 8px;
  padding: 0 0 12px;
  display: flex;
  overflow-x: auto;
}

.FlowScreen-module__l1TerW__filterChips::-webkit-scrollbar {
  display: none;
}

.FlowScreen-module__l1TerW__filterChips button {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  height: 31px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 999px;
  flex: none;
  padding: 0 12px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 800;
}

.FlowScreen-module__l1TerW__filterChips button.FlowScreen-module__l1TerW__active {
  background: var(--mc-primary);
  color: #fff;
  border-color: rgba(0, 0, 0, 0);
}

.FlowScreen-module__l1TerW__heatWeekdays {
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  margin: 1px 0 6px;
  display: grid;
}

.FlowScreen-module__l1TerW__heatWeekdays span {
  height: 16px;
  color: var(--mc-muted);
  letter-spacing: .03em;
  place-items: center;
  font-size: 9.5px;
  font-weight: 850;
  display: grid;
}

.FlowScreen-module__l1TerW__heatGrid {
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  display: grid;
}

.FlowScreen-module__l1TerW__heatBlank {
  aspect-ratio: 1.25;
  background: var(--mc-surface);
  opacity: .58;
  border: 0;
  border-radius: 9px;
  display: block;
}

.FlowScreen-module__l1TerW__heatDay {
  aspect-ratio: 1.25;
  font-variant-numeric: tabular-nums;
  color: var(--mc-muted);
  background: var(--mc-surface);
  border: 1px solid var(--mc-border);
  cursor: pointer;
  border-radius: 9px;
  place-items: center;
  padding: 0;
  font-family: inherit;
  font-size: 10px;
  font-weight: 850;
  display: grid;
}

.FlowScreen-module__l1TerW__heatDay:disabled {
  cursor: default;
}

.FlowScreen-module__l1TerW__heatDay.FlowScreen-module__l1TerW__h0 {
  opacity: .58;
}

.FlowScreen-module__l1TerW__heatDay.FlowScreen-module__l1TerW__h1 {
  color: #991b1b;
  background: #fee2e2;
  border-color: #fecaca;
}

.FlowScreen-module__l1TerW__heatDay.FlowScreen-module__l1TerW__h2 {
  color: #7f1d1d;
  background: #fca5a5;
  border-color: #fca5a5;
}

.FlowScreen-module__l1TerW__heatDay.FlowScreen-module__l1TerW__h3 {
  color: #fff;
  background: #ef4444;
  border-color: #ef4444;
}

[data-theme="dark"] .FlowScreen-module__l1TerW__heatDay.FlowScreen-module__l1TerW__h1 {
  color: #fecaca;
  background: rgba(248, 113, 113, .16);
  border-color: rgba(248, 113, 113, .2);
}

[data-theme="dark"] .FlowScreen-module__l1TerW__heatDay.FlowScreen-module__l1TerW__h2 {
  color: #fecaca;
  background: rgba(248, 113, 113, .3);
  border-color: rgba(248, 113, 113, .34);
}

[data-theme="dark"] .FlowScreen-module__l1TerW__heatDay.FlowScreen-module__l1TerW__h3 {
  color: #fff;
  background: rgba(239, 68, 68, .66);
  border-color: rgba(239, 68, 68, .66);
}

.FlowScreen-module__l1TerW__heatLegend {
  color: var(--mc-muted);
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  display: flex;
}

.FlowScreen-module__l1TerW__heatLegend i {
  background: var(--mc-surface);
  border: 0;
  border-radius: 999px;
  width: 4px;
  height: 10px;
  display: block;
}

.FlowScreen-module__l1TerW__heatLegend i.FlowScreen-module__l1TerW__h1 {
  background: #fee2e2;
}

.FlowScreen-module__l1TerW__heatLegend i.FlowScreen-module__l1TerW__h2 {
  background: #fca5a5;
}

.FlowScreen-module__l1TerW__heatLegend i.FlowScreen-module__l1TerW__h3 {
  background: #ef4444;
}

[data-theme="dark"] .FlowScreen-module__l1TerW__heatLegend i.FlowScreen-module__l1TerW__h1 {
  background: rgba(248, 113, 113, .16);
}

[data-theme="dark"] .FlowScreen-module__l1TerW__heatLegend i.FlowScreen-module__l1TerW__h2 {
  background: rgba(248, 113, 113, .3);
}

[data-theme="dark"] .FlowScreen-module__l1TerW__heatLegend i.FlowScreen-module__l1TerW__h3 {
  background: rgba(239, 68, 68, .66);
}

.FlowScreen-module__l1TerW__monthPicker {
  gap: 12px;
  padding-bottom: 4px;
  display: grid;
}

.FlowScreen-module__l1TerW__monthWheel {
  border-radius: 22px;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  height: 220px;
  margin: 2px 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__monthWheel:before {
  content: "";
  background: var(--mc-chip);
  pointer-events: none;
  border-radius: 15px;
  height: 44px;
  position: absolute;
  top: 88px;
  left: 0;
  right: 0;
}

.FlowScreen-module__l1TerW__monthCol, .FlowScreen-module__l1TerW__yearCol {
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
  grid-auto-rows: 44px;
  height: 220px;
  display: grid;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 0, #000 20%, #000 80%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 0, #000 20%, #000 80%, rgba(0, 0, 0, 0) 100%);
}

.FlowScreen-module__l1TerW__monthCol::-webkit-scrollbar {
  display: none;
}

.FlowScreen-module__l1TerW__yearCol::-webkit-scrollbar {
  display: none;
}

.FlowScreen-module__l1TerW__wheelPad {
  height: 88px;
}

.FlowScreen-module__l1TerW__monthItem {
  scroll-snap-align: center;
  height: 44px;
  color: var(--mc-muted);
  opacity: .7;
  z-index: 1;
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: 800;
  display: grid;
  position: relative;
}

.FlowScreen-module__l1TerW__monthItem.FlowScreen-module__l1TerW__on {
  color: var(--mc-text);
  opacity: 1;
  font-size: 20px;
  font-weight: 900;
}

.FlowScreen-module__l1TerW__monthItem:disabled {
  opacity: .22;
  cursor: not-allowed;
  text-decoration: line-through;
}

.FlowScreen-module__l1TerW__moveIcon {
  background: color-mix(in srgb, var(--mc-danger) 12%, var(--mc-card));
  width: 38px;
  height: 38px;
  color: var(--mc-danger);
  border-radius: 13px;
  flex: none;
  place-items: center;
  line-height: 0;
  display: grid;
}

.FlowScreen-module__l1TerW__moveIcon svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.FlowScreen-module__l1TerW__moveIcon.FlowScreen-module__l1TerW__income {
  background: color-mix(in srgb, var(--mc-income) 14%, var(--mc-card));
  color: var(--mc-income);
}

.FlowScreen-module__l1TerW__moveMain {
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: grid;
}

.FlowScreen-module__l1TerW__moveMain b {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 900;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__moveMain span {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 720;
  overflow: hidden;
}

.FlowScreen-module__l1TerW__movementRow strong {
  color: var(--mc-danger);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex: none;
  font-size: 13px;
  font-weight: 950;
}

.FlowScreen-module__l1TerW__inText {
  color: var(--mc-income) !important;
}

.FlowScreen-module__l1TerW__sheetStack {
  gap: 14px;
  display: grid;
}

.FlowScreen-module__l1TerW__sheetHero {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  border-radius: 22px;
  gap: 5px;
  padding: 16px;
  display: grid;
}

.FlowScreen-module__l1TerW__sheetHero span {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 850;
}

.FlowScreen-module__l1TerW__sheetHero b {
  letter-spacing: -.045em;
  color: var(--mc-text);
  font-variant-numeric: tabular-nums;
  font-size: 27px;
  font-weight: 950;
  line-height: 1.05;
}

.FlowScreen-module__l1TerW__sheetHero em {
  color: var(--mc-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.FlowScreen-module__l1TerW__sheetHero .FlowScreen-module__l1TerW__rowTrack {
  margin-top: 9px;
}

.FlowScreen-module__l1TerW__sheetList {
  display: grid;
}

.FlowScreen-module__l1TerW__sheetRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  min-height: 54px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 0 2px;
  font-family: inherit;
  display: flex;
}

.FlowScreen-module__l1TerW__sheetRow:last-child {
  border-bottom: 0;
}

.FlowScreen-module__l1TerW__sheetRow span {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 850;
}

.FlowScreen-module__l1TerW__sheetRow b {
  color: var(--mc-icon-accent);
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 800;
}

.FlowScreen-module__l1TerW__sheetRow.FlowScreen-module__l1TerW__selected span {
  color: var(--mc-icon-accent);
}

.FlowScreen-module__l1TerW__skeleton {
  padding: calc(44px + env(safe-area-inset-top)) 18px 0;
  gap: 14px;
  display: grid;
}

.FlowScreen-module__l1TerW__skeleton div {
  background: linear-gradient(90deg, var(--mc-card), var(--mc-primary-soft), var(--mc-card));
  background-size: 200% 100%;
  border-radius: 24px;
  height: 92px;
  animation: 1.4s infinite FlowScreen-module__l1TerW__shimmer;
}

@keyframes FlowScreen-module__l1TerW__shimmer {
  to {
    background-position: -200% 0;
  }
}

@media (max-width: 390px) {
  .FlowScreen-module__l1TerW__screen {
    padding-left: 16px;
    padding-right: 16px;
  }

  .FlowScreen-module__l1TerW__head {
    gap: 8px;
  }

  .FlowScreen-module__l1TerW__monthLabelBtn {
    gap: 4px !important;
    padding: 0 2px !important;
    font-size: 11.5px !important;
  }

  .FlowScreen-module__l1TerW__monthControl button {
    width: 24px;
    height: 24px;
  }

  .FlowScreen-module__l1TerW__graphWrap {
    grid-template-columns: 112px 1fr;
  }

  .FlowScreen-module__l1TerW__ringBox, .FlowScreen-module__l1TerW__ringSvg {
    width: 112px;
    height: 112px;
  }

  .FlowScreen-module__l1TerW__ringCenter b {
    font-size: 13px;
  }

  .FlowScreen-module__l1TerW__heroAmount {
    font-size: 35px;
  }
}

/* [project]/src/components/screens/HistoryScreen.module.css [app-client] (css) */
.HistoryScreen-module__uYRNCq__screen {
  min-height: 100%;
  padding: 0 18px calc(40px + env(safe-area-inset-bottom));
  background: var(--mc-bg);
}

.HistoryScreen-module__uYRNCq__head {
  z-index: 30;
  padding: calc(34px + env(safe-area-inset-top)) 18px 12px;
  background: var(--mc-bg);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  justify-content: space-between;
  align-items: center;
  margin: 0 -18px 4px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.HistoryScreen-module__uYRNCq__head h1 {
  letter-spacing: -.045em;
  margin: 0;
  font-size: 28px;
}

.HistoryScreen-module__uYRNCq__headActions {
  display: flex;
}

.HistoryScreen-module__uYRNCq__filterBtn {
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  display: grid;
  position: relative;
}

.HistoryScreen-module__uYRNCq__filterBtn svg {
  fill: none;
  stroke: currentColor;
  width: 18px;
  height: 18px;
  display: block;
  overflow: visible;
}

.HistoryScreen-module__uYRNCq__filterBtn.HistoryScreen-module__uYRNCq__active {
  color: var(--mc-icon-accent);
}

.HistoryScreen-module__uYRNCq__filterBtn.HistoryScreen-module__uYRNCq__active:after {
  content: "";
  background: var(--mc-icon-accent);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.HistoryScreen-module__uYRNCq__tools {
  color: var(--mc-muted);
  margin-top: 20px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.HistoryScreen-module__uYRNCq__tools label {
  background: var(--mc-card);
  height: 46px;
  color: var(--mc-muted);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  font-family: inherit;
  transition: border-color .15s;
  display: flex;
}

.HistoryScreen-module__uYRNCq__tools label:focus-within {
  border-color: var(--mc-primary);
}

.HistoryScreen-module__uYRNCq__tools label > svg {
  width: 18px;
  height: 18px;
  color: var(--mc-muted);
  flex-shrink: 0;
}

.HistoryScreen-module__uYRNCq__tools input {
  min-width: 0;
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
}

.HistoryScreen-module__uYRNCq__tools input::placeholder {
  color: var(--mc-muted);
  font-weight: 500;
}

.HistoryScreen-module__uYRNCq__tools label button {
  width: 28px;
  height: 28px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  transition: color .15s;
  display: grid;
}

.HistoryScreen-module__uYRNCq__tools label button:hover {
  color: var(--mc-text);
}

.HistoryScreen-module__uYRNCq__group {
  margin-top: 18px;
}

.HistoryScreen-module__uYRNCq__date {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  margin: 0 3px 8px;
  font-size: 11.5px;
  font-weight: 800;
}

.HistoryScreen-module__uYRNCq__card {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 19px;
  padding: 4px 14px;
  overflow: hidden;
}

.HistoryScreen-module__uYRNCq__row {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 12px 0;
  transition: background .15s;
  display: flex;
}

.HistoryScreen-module__uYRNCq__row:last-child {
  border-bottom: 0;
}

.HistoryScreen-module__uYRNCq__rowSelectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.HistoryScreen-module__uYRNCq__rowSelected {
  background: color-mix(in srgb, var(--mc-primary) 9%, transparent);
}

.HistoryScreen-module__uYRNCq__icon {
  background: var(--mc-primary-soft);
  width: 42px;
  min-width: 42px;
  height: 42px;
  color: var(--mc-icon-accent);
  border-radius: 14px;
  flex-shrink: 0;
  place-items: center;
  line-height: 0;
  display: grid;
}

.HistoryScreen-module__uYRNCq__icon svg {
  fill: none;
  stroke: currentColor;
  width: 19px;
  height: 19px;
  display: block;
  overflow: visible;
}

.HistoryScreen-module__uYRNCq__rowMain {
  flex: 1;
  min-width: 0;
}

.HistoryScreen-module__uYRNCq__rowMain b, .HistoryScreen-module__uYRNCq__rowMain small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.HistoryScreen-module__uYRNCq__rowMain b {
  font-size: 13px;
}

.HistoryScreen-module__uYRNCq__rowMain small {
  color: var(--mc-muted);
  margin-top: 2px;
  font-size: 11px;
}

.HistoryScreen-module__uYRNCq__rowRight {
  text-align: right;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.HistoryScreen-module__uYRNCq__rowRight strong {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-size: 13px;
}

.HistoryScreen-module__uYRNCq__income {
  color: var(--mc-income);
}

.HistoryScreen-module__uYRNCq__radioSlot {
  flex-shrink: 0;
  place-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: grid;
}

.HistoryScreen-module__uYRNCq__radioCircle {
  border: 2px solid color-mix(in srgb, var(--mc-muted) 50%, transparent);
  box-sizing: border-box;
  background: none;
  border-radius: 50%;
  place-items: center;
  width: 20px;
  height: 20px;
  transition: all .15s;
  display: grid;
}

.HistoryScreen-module__uYRNCq__radioCircleSelected {
  border-color: var(--mc-primary);
  background: var(--mc-primary);
  color: #fff;
}

.HistoryScreen-module__uYRNCq__radioCheck {
  color: #fff;
  stroke-width: 3.2px;
  width: 12px;
  height: 12px;
}

.HistoryScreen-module__uYRNCq__bulkBarWrap {
  bottom: 24px;
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 90;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  animation: .24s cubic-bezier(.16, 1, .3, 1) HistoryScreen-module__uYRNCq__bulkBarSlideUp;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}

@keyframes HistoryScreen-module__uYRNCq__bulkBarSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px)scale(.96);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.HistoryScreen-module__uYRNCq__bulkBar {
  background: color-mix(in srgb, var(--mc-card) 95%, #000);
  border: 1px solid color-mix(in srgb, var(--mc-border) 70%, transparent);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  pointer-events: auto;
  box-sizing: border-box;
  border-radius: 16px;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 4px;
  width: min(390px, 100vw - 24px);
  padding: 6px 8px;
  display: grid;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 4px 14px rgba(0, 0, 0, .25);
}

.HistoryScreen-module__uYRNCq__bulkActionBtn {
  color: var(--mc-text);
  cursor: pointer;
  text-align: center;
  white-space: normal;
  background: none;
  border: 0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 7px 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.18;
  transition: all .15s;
  display: flex;
}

.HistoryScreen-module__uYRNCq__bulkActionBtn svg {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
}

.HistoryScreen-module__uYRNCq__bulkActionBtn span {
  display: block;
}

.HistoryScreen-module__uYRNCq__bulkActionBtn:hover {
  background: var(--mc-surface);
  color: var(--mc-primary);
}

.HistoryScreen-module__uYRNCq__bulkActionBtn:active {
  transform: scale(.96);
}

.HistoryScreen-module__uYRNCq__bulkActionBtnDelete {
  color: var(--mc-danger);
}

.HistoryScreen-module__uYRNCq__bulkActionBtnDelete:hover {
  background: color-mix(in srgb, var(--mc-danger) 15%, transparent);
  color: var(--mc-danger);
}

.HistoryScreen-module__uYRNCq__bulkActionBtn:disabled {
  opacity: .35;
  cursor: not-allowed;
  pointer-events: none;
}

.HistoryScreen-module__uYRNCq__selectModeHeader {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.HistoryScreen-module__uYRNCq__selectTextBtn {
  color: var(--mc-primary);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 4px 8px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
}

.HistoryScreen-module__uYRNCq__selectTextBtn:hover {
  background: var(--mc-surface);
}

.HistoryScreen-module__uYRNCq__empty, .HistoryScreen-module__uYRNCq__error {
  background: var(--mc-card);
  color: var(--mc-muted);
  text-align: center;
  border-radius: 18px;
  margin-top: 18px;
  padding: 20px;
}

.HistoryScreen-module__uYRNCq__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  padding: 48px 20px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.HistoryScreen-module__uYRNCq__emptyIcon {
  background: var(--mc-primary-soft);
  width: 64px;
  height: 64px;
  color: var(--mc-icon-accent);
  border-radius: 20px;
  place-items: center;
  margin: 0 auto 4px;
  line-height: 0;
  display: grid;
}

.HistoryScreen-module__uYRNCq__emptyState h3 {
  color: var(--mc-text);
  letter-spacing: -.015em;
  margin: 0;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
}

.HistoryScreen-module__uYRNCq__emptyState p {
  color: var(--mc-muted);
  max-width: 280px;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

.HistoryScreen-module__uYRNCq__clearFilterBtn {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 12.5px;
  font-weight: 750;
}

.HistoryScreen-module__uYRNCq__error {
  color: var(--mc-danger);
}

.HistoryScreen-module__uYRNCq__trash {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 19px;
  padding: 3px 13px;
  display: grid;
}

.HistoryScreen-module__uYRNCq__trashRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 11px 0;
  transition: opacity .15s;
  display: grid;
}

.HistoryScreen-module__uYRNCq__trashRow:hover {
  opacity: .82;
}

.HistoryScreen-module__uYRNCq__trashRow:active {
  opacity: .65;
}

.HistoryScreen-module__uYRNCq__trashRow:last-child {
  border-bottom: 0;
}

.HistoryScreen-module__uYRNCq__trashRowMeta {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.HistoryScreen-module__uYRNCq__trashRowMeta b {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
  font-weight: 700;
  display: block;
  overflow: hidden;
}

.HistoryScreen-module__uYRNCq__trashRowAmount {
  color: var(--mc-muted);
  letter-spacing: -.05em;
  font-size: 12px;
  font-weight: 800;
  display: inline;
}

.HistoryScreen-module__uYRNCq__trashRowAmount.HistoryScreen-module__uYRNCq__income {
  color: #208b06;
  letter-spacing: -.05em;
  font-size: 12px;
  font-weight: 800;
}

.HistoryScreen-module__uYRNCq__trashRowMeta small {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  display: block;
  overflow: hidden;
}

.HistoryScreen-module__uYRNCq__trashClearAllBtn {
  height: 32px;
  color: var(--mc-danger);
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-size: 12.5px;
  font-weight: 750;
  transition: all .15s;
  display: inline-flex;
}

.HistoryScreen-module__uYRNCq__trashClearAllBtn:hover {
  background: color-mix(in srgb, var(--mc-danger) 24%, transparent);
}

.HistoryScreen-module__uYRNCq__trashClearAllBtn:active {
  transform: scale(.95);
}

.HistoryScreen-module__uYRNCq__trashRowActions {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.HistoryScreen-module__uYRNCq__trashRestoreBtn {
  width: 32px;
  height: 32px;
  color: var(--mc-icon-accent);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .15s;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .HistoryScreen-module__uYRNCq__trashRestoreBtn:hover {
    background: var(--mc-primary);
    color: #fff;
    transform: scale(1.06);
  }
}

.HistoryScreen-module__uYRNCq__trashRestoreBtn:active {
  transform: scale(.94);
}

.HistoryScreen-module__uYRNCq__trashRestoreBtn:focus {
  outline: none;
}

.HistoryScreen-module__uYRNCq__trashRestoreBtn:focus:not(:focus-visible) {
  color: var(--mc-icon-accent);
  background: none;
}

.HistoryScreen-module__uYRNCq__trashDeleteBtn {
  width: 32px;
  height: 32px;
  color: var(--mc-danger);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .15s;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .HistoryScreen-module__uYRNCq__trashDeleteBtn:hover {
    background: var(--mc-danger);
    color: #fff;
    transform: scale(1.06);
  }
}

.HistoryScreen-module__uYRNCq__trashDeleteBtn:active {
  transform: scale(.94);
}

.HistoryScreen-module__uYRNCq__trashDeleteBtn:focus {
  outline: none;
}

.HistoryScreen-module__uYRNCq__trashDeleteBtn:focus:not(:focus-visible) {
  color: var(--mc-danger);
  background: none;
}

.HistoryScreen-module__uYRNCq__loadMoreWrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px 0 12px;
  display: flex;
}

.HistoryScreen-module__uYRNCq__loadMoreText {
  color: var(--mc-muted);
  letter-spacing: .02em;
  font-size: 11.5px;
  font-weight: 700;
}

.HistoryScreen-module__uYRNCq__loadMoreBtn {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 8px 20px;
  font-size: 12.5px;
  font-weight: 750;
}

.HistoryScreen-module__uYRNCq__loadingSpinner {
  color: var(--mc-muted);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

/* [project]/src/components/automation/AutomationHubDrawer.module.css [app-client] (css) */
.AutomationHubDrawer-module__23Ub7q__overlay {
  z-index: 10000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both AutomationHubDrawer-module__23Ub7q__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes AutomationHubDrawer-module__23Ub7q__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.AutomationHubDrawer-module__23Ub7q__topBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.AutomationHubDrawer-module__23Ub7q__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.AutomationHubDrawer-module__23Ub7q__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.AutomationHubDrawer-module__23Ub7q__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.AutomationHubDrawer-module__23Ub7q__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.AutomationHubDrawer-module__23Ub7q__content {
  padding: 0 16px calc(100px + env(safe-area-inset-bottom, 20px));
  scrollbar-width: none;
  flex: 1;
  overflow-y: auto;
}

.AutomationHubDrawer-module__23Ub7q__content::-webkit-scrollbar {
  display: none;
}

.AutomationHubDrawer-module__23Ub7q__hubShell {
  color: var(--mc-text);
  padding: 0 0 40px;
}

.AutomationHubDrawer-module__23Ub7q__sectionGroup {
  background: var(--mc-card);
  border-radius: var(--mc-drawer-group-radius, 18px);
  box-shadow: var(--mc-shadow-card);
  border: 1px solid var(--mc-border);
  margin-bottom: 16px;
  padding: 16px;
}

.AutomationHubDrawer-module__23Ub7q__sectionTitle {
  color: var(--mc-text);
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__sectionSubtitle {
  color: var(--mc-muted);
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 1.45;
}

.AutomationHubDrawer-module__23Ub7q__tokenBox {
  background: var(--mc-bg);
  border: 1px solid var(--mc-border);
  color: var(--mc-text-soft);
  word-break: break-all;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-family: monospace;
  font-size: 11px;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__copyBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__shortcutCard {
  border: 1px solid var(--mc-border);
  background: linear-gradient(135deg, rgba(44, 84, 160, .08) 0%, rgba(94, 134, 215, .12) 100%);
  border-radius: 16px;
  margin-bottom: 16px;
  padding: 16px;
}

.AutomationHubDrawer-module__23Ub7q__shortcutHead {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__shortcutTitle {
  color: var(--mc-text);
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__shortcutBadge {
  background: var(--mc-primary);
  color: #fff;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 800;
}

.AutomationHubDrawer-module__23Ub7q__shortcutDesc {
  color: var(--mc-text-soft);
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1.45;
}

.AutomationHubDrawer-module__23Ub7q__shortcutActionBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__mappingRow {
  border-bottom: 1px solid var(--mc-divider);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__mappingRow:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.AutomationHubDrawer-module__23Ub7q__providerInfo {
  align-items: center;
  gap: 10px;
  min-width: 120px;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__providerIcon {
  background: var(--mc-chip);
  width: 32px;
  height: 32px;
  color: var(--mc-primary);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__providerName {
  color: var(--mc-text);
  font-size: 13px;
  font-weight: 750;
}

.AutomationHubDrawer-module__23Ub7q__accountSelect {
  background: var(--mc-bg);
  color: var(--mc-text);
  border: 1px solid var(--mc-border);
  border-radius: 10px;
  outline: none;
  flex: 1;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
}

.AutomationHubDrawer-module__23Ub7q__sampleChips {
  scrollbar-width: none;
  gap: 6px;
  margin-bottom: 8px;
  padding-bottom: 10px;
  display: flex;
  overflow-x: auto;
}

.AutomationHubDrawer-module__23Ub7q__sampleChips::-webkit-scrollbar {
  display: none;
}

.AutomationHubDrawer-module__23Ub7q__sampleChip {
  background: var(--mc-chip);
  color: var(--mc-text);
  border: 1px solid var(--mc-border);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 20px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 700;
}

.AutomationHubDrawer-module__23Ub7q__simulatorInput {
  background: var(--mc-bg);
  width: 100%;
  color: var(--mc-text);
  border: 1px solid var(--mc-border);
  resize: vertical;
  border-radius: 12px;
  outline: none;
  min-height: 60px;
  margin-bottom: 10px;
  padding: 10px;
  font-family: inherit;
  font-size: 12px;
}

.AutomationHubDrawer-module__23Ub7q__simResultCard {
  background: var(--mc-bg);
  border: 1px solid var(--mc-border);
  border-radius: 12px;
  margin-top: 8px;
  padding: 12px;
}

.AutomationHubDrawer-module__23Ub7q__simResultHead {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__simResultTag {
  color: var(--mc-income);
  background: rgba(31, 157, 99, .14);
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 800;
}

.AutomationHubDrawer-module__23Ub7q__simStatGrid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  font-size: 12px;
  display: grid;
}

.AutomationHubDrawer-module__23Ub7q__simStatItem {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.AutomationHubDrawer-module__23Ub7q__simStatLabel {
  color: var(--mc-muted);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.AutomationHubDrawer-module__23Ub7q__simStatVal {
  color: var(--mc-text);
  font-size: 13px;
  font-weight: 800;
}

/* [project]/src/components/screens/ProfileScreen.module.css [app-client] (css) */
.ProfileScreen-module__eVcjRW__screen {
  background: var(--mc-bg);
  min-height: 100%;
}

.ProfileScreen-module__eVcjRW__pHead {
  justify-content: space-between;
  align-items: center;
  padding: 34px 18px 14px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__pTitle {
  letter-spacing: -.02em;
  color: var(--mc-text);
  margin: 0;
  font-size: 28px;
  font-weight: 800;
}

.ProfileScreen-module__eVcjRW__gearBtn {
  background: var(--mc-card);
  width: 40px;
  height: 40px;
  box-shadow: var(--mc-shadow-card);
  color: var(--mc-icon-accent);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  display: grid;
}

.ProfileScreen-module__eVcjRW__gearBtn svg {
  fill: none;
  stroke: currentColor;
  width: 20px;
  height: 20px;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__pBody {
  scrollbar-width: none;
  flex: 1;
  padding: 0 18px 34px;
  overflow-y: auto;
}

.ProfileScreen-module__eVcjRW__pBody::-webkit-scrollbar {
  display: none;
}

.ProfileScreen-module__eVcjRW__identityCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  width: 100%;
  color: inherit;
  border: 0;
  border-radius: 19px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding: 12px 16px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__identityCard:active {
  transform: scale(.985);
}

.ProfileScreen-module__eVcjRW__idRow {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__idAvatar {
  background: linear-gradient(145deg, var(--mc-primary-start), var(--mc-primary));
  color: #fff;
  border-radius: 15px;
  flex: none;
  place-items: center;
  width: 54px;
  height: 54px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  display: grid;
  position: relative;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__idName {
  color: var(--mc-text);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.05;
}

.ProfileScreen-module__eVcjRW__idHandle, .ProfileScreen-module__eVcjRW__pcHandle {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 600;
}

.ProfileScreen-module__eVcjRW__idNameRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__planBadge {
  letter-spacing: .03em;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  transition: opacity var(--mc-motion-fast) var(--mc-ease);
  background: none;
  border: 0;
  border-radius: 99px;
  flex: none;
  align-items: center;
  gap: 3px;
  margin-left: 6px;
  padding: 2px 8px;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.ProfileScreen-module__eVcjRW__planBadge:hover {
  opacity: .75;
}

.ProfileScreen-module__eVcjRW__planBadge:active {
  opacity: .55;
}

.ProfileScreen-module__eVcjRW__planBadge svg {
  fill: none;
  stroke: currentColor;
  flex: none;
  width: 11px;
  height: 11px;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__planBadgeFree {
  color: var(--mc-muted);
  background: var(--mc-chip);
}

.ProfileScreen-module__eVcjRW__planBadgePlus {
  color: var(--mc-primary-strong);
  background: color-mix(in srgb, var(--mc-primary) 12%, transparent);
}

.ProfileScreen-module__eVcjRW__planBadgePro {
  color: #d4930d;
  background: rgba(212, 147, 13, .12);
}

[data-theme="dark"] .ProfileScreen-module__eVcjRW__planBadgePro {
  color: #e8b04a;
  background: rgba(232, 176, 74, .12);
}

.ProfileScreen-module__eVcjRW__tierStripCard {
  background: var(--mc-card);
  width: 100%;
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  margin-bottom: 14px;
  padding: 12px 14px;
  transition: transform .15s, background .15s;
  display: flex;
}

.ProfileScreen-module__eVcjRW__tierStripCard:hover {
  transform: translateY(-1px);
}

.ProfileScreen-module__eVcjRW__tierStripCard:active {
  transform: scale(.985);
}

.ProfileScreen-module__eVcjRW__tierStripLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__tierStripIcon {
  background: var(--mc-primary-soft);
  width: 34px;
  height: 34px;
  color: var(--mc-icon-accent);
  border-radius: 11px;
  flex: none;
  place-items: center;
  display: grid;
}

.ProfileScreen-module__eVcjRW__tierStripIconPlus {
  color: var(--mc-primary);
}

.ProfileScreen-module__eVcjRW__tierStripIconPro {
  color: #e8b04a;
}

[data-theme="light"] .ProfileScreen-module__eVcjRW__tierStripIconPro {
  color: #d4930d;
}

.ProfileScreen-module__eVcjRW__tierStripInfo {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__tierStripLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
}

.ProfileScreen-module__eVcjRW__tierStripTitle {
  color: var(--mc-text);
  letter-spacing: -.01em;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.ProfileScreen-module__eVcjRW__tierStripRight {
  flex: none;
  align-items: center;
  gap: 4px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__tierStripAction {
  color: var(--mc-muted);
  font-size: 12.5px;
  font-weight: 700;
}

.ProfileScreen-module__eVcjRW__planBadgeFamily {
  color: var(--mc-income);
  background: color-mix(in srgb, var(--mc-income) 12%, transparent);
}

.ProfileScreen-module__eVcjRW__overviewCard {
  color: #fff;
  box-shadow: var(--mc-shadow-card);
  background: radial-gradient(90% 70% at 12% 8%, rgba(158, 190, 248, .6), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 55% 95%, rgba(26, 63, 138, .55), rgba(0, 0, 0, 0) 64%), linear-gradient(172deg, #4a7dd4 0%, #2c54a0 55%, #23468f 100%);
  border-radius: 22px;
  margin-bottom: 13px;
  padding: 20px 17px;
  position: relative;
  overflow: hidden;
}

[data-theme="dark"] .ProfileScreen-module__eVcjRW__overviewCard {
  background: radial-gradient(90% 70% at 12% 8%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(62, 107, 192, .48), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 55% 95%, rgba(35, 70, 128, .6), rgba(0, 0, 0, 0) 64%), linear-gradient(172deg, #101e42 0%, #293b67 55%, #0d1b3f 100%);
}

.ProfileScreen-module__eVcjRW__ovRow {
  cursor: pointer;
}

.ProfileScreen-module__eVcjRW__ovTop {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__ovLabel, .ProfileScreen-module__eVcjRW__ovVal {
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.2;
}

.ProfileScreen-module__eVcjRW__ovLabel {
  opacity: 1;
}

.ProfileScreen-module__eVcjRW__ovVal {
  text-align: right;
}

.ProfileScreen-module__eVcjRW__ovTrack {
  background: rgba(255, 255, 255, .22);
  border-radius: 99px;
  height: 6px;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__ovFill {
  background: #fff;
  border-radius: 99px;
  height: 100%;
  transition: width .3s;
}

.ProfileScreen-module__eVcjRW__ovFillGreen {
  background: var(--mc-income);
}

.ProfileScreen-module__eVcjRW__ovBottom {
  opacity: .72;
  justify-content: space-between;
  gap: 12px;
  margin-top: 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.ProfileScreen-module__eVcjRW__hubSummaryCard {
  color: #fff;
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  box-sizing: border-box;
  background: radial-gradient(90% 70% at 12% 8%, rgba(158, 190, 248, .6), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 55% 95%, rgba(26, 63, 138, .55), rgba(0, 0, 0, 0) 64%), linear-gradient(172deg, #4a7dd4 0%, #2c54a0 55%, #23468f 100%);
  border-radius: 22px;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 20px 18px;
  display: flex;
}

[data-theme="dark"] .ProfileScreen-module__eVcjRW__hubSummaryCard {
  background: radial-gradient(90% 70% at 12% 8%, rgba(96, 138, 224, .45), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(62, 107, 192, .38), rgba(0, 0, 0, 0) 60%), linear-gradient(172deg, #101e42 0%, #293b67 55%, #0d1b3f 100%);
}

.ProfileScreen-module__eVcjRW__hubSummaryTop {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.ProfileScreen-module__eVcjRW__hubSummaryLabel {
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .85);
  font-size: 13px;
  font-weight: 750;
}

.ProfileScreen-module__eVcjRW__hubSummaryTotal {
  color: #fff;
  letter-spacing: -.03em;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
  margin-top: 4px;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.15;
  display: flex;
}

.ProfileScreen-module__eVcjRW__hubSummaryTotal small {
  color: rgba(255, 255, 255, .72);
  font-size: 13.5px;
  font-weight: 700;
}

.ProfileScreen-module__eVcjRW__hubHeroIcon {
  color: rgba(255, 255, 255, .65);
  flex-shrink: 0;
}

.ProfileScreen-module__eVcjRW__hubSummaryStats {
  border-top: 1px solid rgba(255, 255, 255, .14);
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 13px;
  display: grid;
}

.ProfileScreen-module__eVcjRW__hubStatItem {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__hubStatLabel {
  color: rgba(255, 255, 255, .65);
  font-size: 11px;
  font-weight: 650;
}

.ProfileScreen-module__eVcjRW__hubStatVal {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 14px;
  font-weight: 800;
}

.ProfileScreen-module__eVcjRW__ovDivider {
  background: rgba(255, 255, 255, .16);
  height: 1px;
  margin: 20px 0;
}

.ProfileScreen-module__eVcjRW__sectionHead {
  justify-content: space-between;
  align-items: center;
  margin: 0 2px 7px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__sectionTitle {
  color: var(--mc-text);
  font-size: 16px;
  font-weight: 800;
}

.ProfileScreen-module__eVcjRW__manageGrid {
  display: none;
}

.ProfileScreen-module__eVcjRW__bentoGrid {
  box-sizing: border-box;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 96px;
  gap: 10px;
  width: 100%;
  display: grid;
}

.ProfileScreen-module__eVcjRW__bentoCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  text-align: left;
  cursor: pointer;
  color: inherit;
  box-sizing: border-box;
  border: 0;
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  padding: 11px 13px;
  font-family: inherit;
  transition: transform .15s, background .15s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__bentoCard:hover {
  background: var(--mc-surface);
}

.ProfileScreen-module__eVcjRW__bentoCard:active {
  transform: scale(.98);
}

.ProfileScreen-module__eVcjRW__bentoHeroAccounts {
  grid-area: span 2 / span 2;
  padding: 14px 15px;
}

.ProfileScreen-module__eVcjRW__bentoCardHead {
  align-items: center;
  gap: 9px;
  width: 100%;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoHeroIconBadge {
  background: var(--mc-primary-soft);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 11px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.ProfileScreen-module__eVcjRW__bentoHeroTag {
  color: var(--mc-text);
  letter-spacing: -.01em;
  font-size: 13.5px;
  font-weight: 750;
}

.ProfileScreen-module__eVcjRW__bentoHeroBalanceWrap {
  flex-direction: column;
  justify-content: center;
  margin: auto 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoHeroBalanceLabel {
  color: var(--mc-muted);
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 600;
}

.ProfileScreen-module__eVcjRW__bentoHeroBalanceVal {
  letter-spacing: -.04em;
  color: var(--mc-text);
  margin-top: 2px;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.15;
}

.ProfileScreen-module__eVcjRW__bentoHeroNetPill {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  align-items: center;
  gap: 3.5px;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
}

.ProfileScreen-module__eVcjRW__bentoHeroFoot {
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoHeroSub {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__bentoBankBadgesRow {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoMiniBadge {
  background: var(--mc-surface);
  border: 1.5px solid var(--mc-card);
  border-radius: 50%;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-left: -5px;
  display: grid;
}

.ProfileScreen-module__eVcjRW__bentoMiniBadge:first-child {
  margin-left: 0;
}

.ProfileScreen-module__eVcjRW__bentoMiniMore {
  color: var(--mc-muted);
  margin-left: 3px;
  font-size: 9.5px;
  font-weight: 800;
}

.ProfileScreen-module__eVcjRW__bentoTile {
  grid-area: span 1 / span 1;
  padding: 10px 11px;
}

.ProfileScreen-module__eVcjRW__bentoTileHead {
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  width: 100%;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoTileIcon {
  background: var(--mc-primary-soft);
  width: 28px;
  height: 28px;
  color: var(--mc-icon-accent);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.ProfileScreen-module__eVcjRW__bentoTileNum {
  letter-spacing: -.02em;
  color: var(--mc-text);
  margin-left: auto;
  font-size: 16px;
  font-weight: 850;
  line-height: 1;
}

.ProfileScreen-module__eVcjRW__bentoTileFoot {
  flex-direction: column;
  gap: 1px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoTileLabel {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1.2;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__bentoTileSub {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__bentoWideCard {
  flex-direction: column;
  grid-area: span 1 / span 2;
  justify-content: space-between;
  padding: 11px 13px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoWideIcon {
  background: var(--mc-primary-soft);
  width: 32px;
  height: 32px;
  color: var(--mc-icon-accent);
  border-radius: 9px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.ProfileScreen-module__eVcjRW__bentoWideHeader {
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  width: 100%;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoWideTitleRow {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoWideTitle {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 750;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__bentoWideRightVal {
  color: var(--mc-text);
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 800;
}

.ProfileScreen-module__eVcjRW__bentoWideSubRow {
  width: 100%;
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoOweValuesRow {
  align-items: center;
  gap: 6px;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoOweChipLent, .ProfileScreen-module__eVcjRW__bentoOweChipOwed {
  background: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  padding: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoOweChipLabel {
  color: var(--mc-muted);
  letter-spacing: 0;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.2;
}

.ProfileScreen-module__eVcjRW__bentoOweChipVal {
  color: var(--mc-text);
  letter-spacing: -.02em;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.2;
}

.ProfileScreen-module__eVcjRW__bentoOweSettledRow {
  color: var(--mc-muted);
  align-items: center;
  gap: 5px;
  margin-top: auto;
  font-size: 11px;
  font-weight: 650;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoBudgetBarTrack {
  background: var(--mc-surface);
  border-radius: 99px;
  width: 100%;
  height: 5px;
  margin-top: 3px;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__bentoBudgetBarFill {
  border-radius: 99px;
  height: 100%;
  transition: width .3s;
}

.ProfileScreen-module__eVcjRW__bentoTallGoals {
  grid-area: span 2 / span 1;
  padding: 12px 11px;
}

.ProfileScreen-module__eVcjRW__bentoTallHead {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoGoalSpotlightWrap {
  flex-direction: column;
  gap: 2px;
  width: 100%;
  margin: auto 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoGoalSpotlightName {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.2;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__bentoGoalSpotlightAmount {
  color: var(--mc-text);
  letter-spacing: -.02em;
  font-size: 16.5px;
  font-weight: 850;
  line-height: 1.15;
}

.ProfileScreen-module__eVcjRW__bentoGoalSpotlightTrackRow {
  align-items: center;
  gap: 6px;
  width: 100%;
  margin: 3px 0 2px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__bentoGoalSpotlightPct {
  color: var(--mc-primary);
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 800;
}

.ProfileScreen-module__eVcjRW__bentoGoalSpotlightTarget {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  font-weight: 650;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__bentoTallFoot {
  flex-direction: column;
  gap: 1px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__setHead {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  color: var(--mc-text);
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.ProfileScreen-module__eVcjRW__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.ProfileScreen-module__eVcjRW__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.ProfileScreen-module__eVcjRW__backBtn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.ProfileScreen-module__eVcjRW__setBody {
  padding: 0 18px calc(100px + env(safe-area-inset-bottom, 20px));
  scrollbar-width: none;
  flex: 1;
  overflow-y: auto;
}

.ProfileScreen-module__eVcjRW__setBody::-webkit-scrollbar {
  display: none;
}

.ProfileScreen-module__eVcjRW__addAccountBtn {
  border: 1.5px dashed var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.ProfileScreen-module__eVcjRW__addAccountBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-surface);
}

.ProfileScreen-module__eVcjRW__addAccountBtn:active {
  transform: scale(.985);
}

.ProfileScreen-module__eVcjRW__addAccountBtn svg {
  color: var(--mc-icon-accent);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__profileCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  width: 100%;
  color: inherit;
  border: 0;
  border-radius: 24px;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding: 16px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__pcAvatar {
  background: linear-gradient(145deg, var(--mc-primary-start), var(--mc-primary));
  color: #fff;
  border-radius: 17px;
  flex: none;
  place-items: center;
  width: 52px;
  height: 52px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  display: grid;
  position: relative;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__pcInfo {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__pcName {
  color: var(--mc-text);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.15;
}

.ProfileScreen-module__eVcjRW__setSection {
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  margin: 16px 4px 8px;
  font-size: 13px;
  font-weight: 750;
  display: flex;
}

.ProfileScreen-module__eVcjRW__setSection:first-child {
  margin-top: 0;
}

.ProfileScreen-module__eVcjRW__setGroup {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 22px;
  padding: 2px 16px;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__setRow {
  border-bottom: 1px solid var(--mc-divider);
  cursor: pointer;
  text-align: left;
  width: 100%;
  min-height: 54px;
  color: inherit;
  box-sizing: border-box;
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__setRow:last-child {
  border-bottom: 0;
}

.ProfileScreen-module__eVcjRW__srIcon {
  background: var(--mc-primary-soft);
  width: 34px;
  height: 34px;
  color: var(--mc-icon-accent);
  border-radius: 11px;
  flex: none;
  place-items: center;
  line-height: 0;
  display: grid;
}

.ProfileScreen-module__eVcjRW__srIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  width: 18px;
  height: 18px;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__setRow svg {
  stroke-width: 1.5px;
}

.ProfileScreen-module__eVcjRW__srLabel {
  min-width: 0;
  color: var(--mc-text);
  text-align: left;
  white-space: normal;
  word-break: break-word;
  flex: 1;
  padding-right: 4px;
  font-size: 14px;
  font-weight: 760;
}

.ProfileScreen-module__eVcjRW__srValue {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  flex-shrink: 0;
  max-width: 48%;
  margin-left: auto;
  font-size: 12.5px;
  font-weight: 760;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__srInput {
  text-align: right;
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: none;
  width: 60%;
  min-width: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
}

.ProfileScreen-module__eVcjRW__srInputLocked {
  color: var(--mc-muted);
  opacity: 1;
  -webkit-text-fill-color: var(--mc-muted);
  cursor: not-allowed;
}

.ProfileScreen-module__eVcjRW__setRow:disabled {
  opacity: 1;
  cursor: default;
}

.ProfileScreen-module__eVcjRW__emailManagedRow {
  cursor: pointer;
}

.ProfileScreen-module__eVcjRW__emailManagedRow .ProfileScreen-module__eVcjRW__srInput {
  pointer-events: none;
  width: 48%;
}

.ProfileScreen-module__eVcjRW__googleEmailLink {
  color: var(--mc-muted);
  flex: none;
  align-items: center;
  gap: 6px;
  margin-left: 2px;
  line-height: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__googleEmailLink svg {
  fill: none;
  stroke: currentColor;
  width: 16px;
  height: 16px;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__srSub {
  color: var(--mc-muted);
  white-space: normal;
  overflow-wrap: anywhere;
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.35;
  display: block;
}

.ProfileScreen-module__eVcjRW__setHeadAction {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s, background .15s;
  display: grid;
}

.ProfileScreen-module__eVcjRW__setHeadAction:active {
  opacity: .6;
  transform: scale(.92);
}

.ProfileScreen-module__eVcjRW__setHeadActionActive {
  background: var(--mc-primary);
  color: #fff;
}

.ProfileScreen-module__eVcjRW__setHeadActionActive:active {
  opacity: .85;
}

.ProfileScreen-module__eVcjRW__setHeadAction svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__headTextBtn {
  height: 38px;
  color: var(--mc-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: opacity .15s, color .15s;
  display: inline-flex;
}

.ProfileScreen-module__eVcjRW__headTextBtn:hover {
  color: var(--mc-text);
}

.ProfileScreen-module__eVcjRW__headTextBtn:active {
  opacity: .6;
}

.ProfileScreen-module__eVcjRW__headDoneBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  height: 34px;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mc-primary) 30%, transparent);
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  transition: opacity .15s, transform .15s;
  display: inline-flex;
}

.ProfileScreen-module__eVcjRW__headDoneBtn:active {
  opacity: .9;
  transform: scale(.96);
}

.ProfileScreen-module__eVcjRW__reorderToggleBtn {
  background: var(--mc-card);
  color: var(--mc-icon-accent);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all var(--mc-motion-fast) var(--mc-ease);
  border: 0;
  border-radius: 12px;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 750;
  display: inline-flex;
}

.ProfileScreen-module__eVcjRW__reorderToggleBtnActive {
  background: var(--mc-primary);
  color: #fff;
}

.ProfileScreen-module__eVcjRW__dragHandle {
  width: 36px;
  height: 36px;
  color: var(--mc-muted);
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 8px;
  flex: none;
  place-items: center;
  transition: color .14s, transform .14s;
  display: grid;
}

.ProfileScreen-module__eVcjRW__dragHandle:active {
  cursor: grabbing;
  color: var(--mc-text);
  transform: scale(1.1);
}

.ProfileScreen-module__eVcjRW__setRowReorder {
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), background .15s, opacity .15s;
}

.ProfileScreen-module__eVcjRW__reorderRowDragging {
  box-shadow: var(--mc-shadow-card);
  z-index: 10;
  opacity: .85;
  border-radius: 14px;
  transform: scale(1.02);
  background: var(--mc-surface) !important;
}

.ProfileScreen-module__eVcjRW__reorderBar {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  margin-bottom: 8px;
  padding: 4px 2px 2px 4px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__reorderBarText {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 650;
  display: flex;
}

.ProfileScreen-module__eVcjRW__reorderBarText svg {
  color: var(--mc-muted);
  opacity: .85;
}

.ProfileScreen-module__eVcjRW__reorderAzBtn {
  background: var(--mc-card);
  color: var(--mc-text);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 10px;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-size: 11.5px;
  font-weight: 750;
  transition: all .15s;
  display: inline-flex;
}

.ProfileScreen-module__eVcjRW__reorderAzBtn:active {
  opacity: .7;
  transform: scale(.96);
}

.ProfileScreen-module__eVcjRW__reorderHint {
  color: var(--mc-muted);
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  text-align: center;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.ProfileScreen-module__eVcjRW__addUserBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 14px;
  align-items: center;
  gap: 7px;
  margin: 14px 4px 10px;
  padding: 11px 18px;
  font: 800 13.5px inherit;
  display: flex;
}

.ProfileScreen-module__eVcjRW__mutedNote {
  color: var(--mc-muted);
  margin: 16px 6px 0;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.5;
}

.ProfileScreen-module__eVcjRW__logoutBtn {
  width: 100%;
  min-height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: color-mix(in srgb, var(--mc-danger) 12%, transparent);
  box-shadow: none;
  color: var(--mc-danger);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  border: 0;
  margin: 12px 0 0;
}

.ProfileScreen-module__eVcjRW__editAvatarWrap {
  cursor: pointer;
  place-items: center;
  margin: 10px 0 24px;
  display: grid;
}

.ProfileScreen-module__eVcjRW__editAvatar {
  background: linear-gradient(145deg, var(--mc-primary-start), var(--mc-primary));
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 30px;
  place-items: center;
  width: 92px;
  height: 92px;
  padding: 0;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  display: grid;
  position: relative;
  overflow: visible;
  box-shadow: 0 16px 34px rgba(44, 84, 160, .25);
}

.ProfileScreen-module__eVcjRW__hasPhoto {
  color: rgba(0, 0, 0, 0);
  box-shadow: none !important;
  background: none !important;
}

.ProfileScreen-module__eVcjRW__avatarImg {
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  background: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ProfileScreen-module__eVcjRW__editCam {
  z-index: 1;
  background: var(--mc-primary);
  border: 4px solid var(--mc-bg);
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  line-height: 0;
  display: grid;
  position: absolute;
  bottom: -3px;
  right: -3px;
  box-shadow: 0 6px 14px rgba(44, 84, 160, .22);
}

.ProfileScreen-module__eVcjRW__editCam svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__saveBtn {
  width: 100%;
  min-height: var(--mc-drawer-btn-height);
  border-radius: var(--mc-drawer-btn-radius);
  background: var(--mc-primary);
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size);
  font-weight: var(--mc-drawer-btn-weight);
  cursor: pointer;
  border: 0;
  margin-top: 18px;
}

.ProfileScreen-module__eVcjRW__wireCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 24px;
  margin-bottom: 14px;
  padding: 16px;
}

.ProfileScreen-module__eVcjRW__wireHero {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

.ProfileScreen-module__eVcjRW__wireAmount {
  letter-spacing: -.04em;
  color: var(--mc-text);
  font-size: 30px;
  font-weight: 800;
}

.ProfileScreen-module__eVcjRW__wireMeta {
  color: var(--mc-muted);
  margin-top: 4px;
  font-size: 12px;
  font-weight: 750;
}

.ProfileScreen-module__eVcjRW__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 48px 20px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.ProfileScreen-module__eVcjRW__emptyIcon {
  background: var(--mc-primary-soft);
  width: 64px;
  height: 64px;
  box-shadow: none;
  color: var(--mc-icon-accent);
  border-radius: 20px;
  place-items: center;
  margin: 0 auto 6px;
  line-height: 0;
  display: grid;
}

.ProfileScreen-module__eVcjRW__emptyIcon svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__emptyState h3 {
  color: var(--mc-text);
  letter-spacing: -.015em;
  margin: 0;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
}

.ProfileScreen-module__eVcjRW__emptyState p {
  color: var(--mc-muted);
  max-width: 280px;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

.ProfileScreen-module__eVcjRW__addBtn {
  background: var(--mc-card);
  width: 40px;
  height: 40px;
  box-shadow: var(--mc-shadow-card);
  color: var(--mc-icon-accent);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  display: grid;
}

.ProfileScreen-module__eVcjRW__moreGroupTitle {
  letter-spacing: -.01em;
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  margin: 18px 4px 8px;
  font-size: 13px;
  font-weight: 750;
  display: flex;
}

.ProfileScreen-module__eVcjRW__moreGroupTitle:first-child {
  margin-top: 7px;
}

.ProfileScreen-module__eVcjRW__moreGroupTitle span {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.ProfileScreen-module__eVcjRW__moreRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  background: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__moreRow:last-child {
  border-bottom: 0;
}

.ProfileScreen-module__eVcjRW__moreRowIcon {
  background: var(--mc-primary-soft);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 11px;
  flex: none;
  place-items: center;
  line-height: 0;
  display: grid;
}

.ProfileScreen-module__eVcjRW__moreRowIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
  width: 18px !important;
  height: 18px !important;
}

.ProfileScreen-module__eVcjRW__moreRowText {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__moreRowText strong, .ProfileScreen-module__eVcjRW__moreRowText small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.ProfileScreen-module__eVcjRW__moreRowText strong {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 750;
}

.ProfileScreen-module__eVcjRW__moreRowText small {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.ProfileScreen-module__eVcjRW__moreRowAmount {
  white-space: nowrap;
  color: var(--mc-text);
  flex: none;
  font-size: 13.5px;
  font-weight: 800;
}

.ProfileScreen-module__eVcjRW__morePin {
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  line-height: 0;
  display: flex;
}

.ProfileScreen-module__eVcjRW__morePin svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.ProfileScreen-module__eVcjRW__morePin.ProfileScreen-module__eVcjRW__on, .ProfileScreen-module__eVcjRW__on {
  color: var(--mc-icon-accent);
}

.ProfileScreen-module__eVcjRW__morePin:disabled {
  opacity: .4;
  cursor: default;
}

.ProfileScreen-module__eVcjRW__fieldHint {
  color: var(--mc-muted);
  margin-top: 2px;
  font-size: 12px;
  font-weight: 600;
}

.ProfileScreen-module__eVcjRW__error {
  color: var(--mc-danger, #ef4444);
  text-align: center;
  margin: 8px 0 12px;
  font-size: 13px;
  font-weight: 700;
}

/* [project]/src/components/profile/MonthlyGoalView.module.css [app-client] (css) */
.MonthlyGoalView-module__5u5x0W__setBody {
  padding: 0 18px calc(100px + env(safe-area-inset-bottom, 20px));
  scrollbar-width: none;
  flex: 1;
  overflow-y: auto;
}

.MonthlyGoalView-module__5u5x0W__setBody::-webkit-scrollbar {
  display: none;
}

.MonthlyGoalView-module__5u5x0W__totalCard {
  color: #fff;
  box-shadow: var(--mc-shadow-card);
  background: radial-gradient(90% 70% at 12% 8%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(62, 107, 192, .48), rgba(0, 0, 0, 0) 60%), radial-gradient(70% 60% at 55% 95%, rgba(35, 70, 128, .6), rgba(0, 0, 0, 0) 64%), linear-gradient(172deg, #101e42 0%, #293b67 55%, #0d1b3f 100%);
  border-radius: 22px;
  margin-bottom: 18px;
  padding: 20px 18px;
}

[data-theme="light"] .MonthlyGoalView-module__5u5x0W__totalCard {
  background: radial-gradient(90% 70% at 12% 8%, rgba(158, 190, 248, .65), rgba(0, 0, 0, 0) 62%), radial-gradient(80% 65% at 88% 30%, rgba(96, 138, 224, .55), rgba(0, 0, 0, 0) 60%), linear-gradient(172deg, #4a7dd4 0%, #2c54a0 55%, #23468f 100%);
}

.MonthlyGoalView-module__5u5x0W__totalLabel {
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 800;
}

.MonthlyGoalView-module__5u5x0W__totalValue {
  letter-spacing: -.05em;
  color: #fff;
  margin-top: 5px;
  font-size: 34px;
  font-weight: 800;
}

.MonthlyGoalView-module__5u5x0W__totalSub {
  color: rgba(255, 255, 255, .68);
  flex-direction: column;
  gap: 2px;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  display: flex;
}

.MonthlyGoalView-module__5u5x0W__manageBudgetsBtn {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 14px;
  width: 100%;
  height: 44px;
  margin-top: 18px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: transform .15s, opacity .15s;
}

.MonthlyGoalView-module__5u5x0W__manageBudgetsBtn:active {
  opacity: .9;
  transform: scale(.985);
}

.MonthlyGoalView-module__5u5x0W__setSection {
  letter-spacing: -.01em;
  color: var(--mc-muted);
  margin: 18px 4px 8px;
  font-size: 13px;
  font-weight: 750;
}

.MonthlyGoalView-module__5u5x0W__setGroup {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 22px;
  margin-bottom: 14px;
  padding: 2px 16px;
  overflow: hidden;
}

.MonthlyGoalView-module__5u5x0W__setRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  cursor: pointer;
  width: 100%;
  min-height: 54px;
  color: inherit;
  box-sizing: border-box;
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  font-family: inherit;
  transition: background .15s;
  display: flex;
}

.MonthlyGoalView-module__5u5x0W__setRow:last-child {
  border-bottom: 0;
}

.MonthlyGoalView-module__5u5x0W__setRow:active {
  background: var(--mc-surface);
}

.MonthlyGoalView-module__5u5x0W__setRow svg {
  stroke-width: 1.5px;
}

.MonthlyGoalView-module__5u5x0W__srIcon {
  background: var(--mc-primary-soft);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 11px;
  flex: none;
  place-items: center;
  line-height: 0;
  display: grid;
}

.MonthlyGoalView-module__5u5x0W__srIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
  width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}

.MonthlyGoalView-module__5u5x0W__srLabel {
  letter-spacing: -.01em;
  color: var(--mc-text);
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 760;
}

.MonthlyGoalView-module__5u5x0W__srValue {
  color: var(--mc-text);
  margin-right: 2px;
  font-size: 13.5px;
  font-weight: 750;
}

.MonthlyGoalView-module__5u5x0W__toggle {
  background: var(--mc-border);
  cursor: pointer;
  border: 0;
  border-radius: 99px;
  flex-shrink: 0;
  width: 48px;
  height: 28px;
  padding: 0;
  transition: background .18s;
  position: relative;
}

.MonthlyGoalView-module__5u5x0W__toggle:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  transition: transform .18s;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.MonthlyGoalView-module__5u5x0W__toggle.MonthlyGoalView-module__5u5x0W__on {
  background: var(--mc-primary);
}

.MonthlyGoalView-module__5u5x0W__toggle.MonthlyGoalView-module__5u5x0W__on:after {
  transform: translateX(20px);
}

.MonthlyGoalView-module__5u5x0W__subPad {
  padding: 0 2px 6px;
}

.MonthlyGoalView-module__5u5x0W__dayPickerGrid {
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  padding: 2px 0 10px;
  display: grid;
}

.MonthlyGoalView-module__5u5x0W__dayPickerBtn {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  height: 42px;
  color: var(--mc-text);
  cursor: pointer;
  border-radius: 14px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  transition: transform .12s, border-color .12s, background .12s, color .12s;
}

.MonthlyGoalView-module__5u5x0W__dayPickerBtn:active {
  transform: scale(.94);
}

.MonthlyGoalView-module__5u5x0W__dayPickerBtn.MonthlyGoalView-module__5u5x0W__on {
  border-color: var(--mc-primary);
  background: var(--mc-primary-soft);
  color: var(--mc-primary);
  box-shadow: 0 0 0 3px rgba(67, 103, 215, .1);
}

/* [project]/src/components/accounts/MoneySetupView.module.css [app-client] (css) */
.MoneySetupView-module__OgFZNW__moneyOverlay {
  z-index: 10000;
  background: var(--mc-bg);
  flex-direction: column;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.MoneySetupView-module__OgFZNW__setHead {
  z-index: 2000;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 18px 12px;
  background: var(--mc-bg);
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 8px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.MoneySetupView-module__OgFZNW__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.MoneySetupView-module__OgFZNW__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.MoneySetupView-module__OgFZNW__backBtn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.MoneySetupView-module__OgFZNW__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.MoneySetupView-module__OgFZNW__addHeaderBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.MoneySetupView-module__OgFZNW__addHeaderBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.MoneySetupView-module__OgFZNW__addHeaderBtn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  display: block;
  overflow: visible;
}

.MoneySetupView-module__OgFZNW__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.MoneySetupView-module__OgFZNW__setBody {
  padding: 0 18px calc(32px + env(safe-area-inset-bottom, 20px));
  scrollbar-width: none;
  flex: 1;
  overflow-y: auto;
}

.MoneySetupView-module__OgFZNW__setBody::-webkit-scrollbar {
  display: none;
}

.MoneySetupView-module__OgFZNW__totalCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  border-radius: 20px;
  gap: 4px;
  margin-top: 1px;
  margin-bottom: 14px;
  padding: 18px;
  display: grid;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

.MoneySetupView-module__OgFZNW__totalLabel {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  font-size: 12.5px;
  font-weight: 750;
}

.MoneySetupView-module__OgFZNW__totalValue {
  letter-spacing: -.04em;
  color: var(--mc-text);
  font-size: 28px;
  font-weight: 850;
  line-height: 1.15;
}

.MoneySetupView-module__OgFZNW__totalSub {
  color: var(--mc-muted);
  margin-top: 2px;
  font-size: 12px;
  font-weight: 650;
}

.MoneySetupView-module__OgFZNW__topActionBar {
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin-bottom: 18px;
  display: grid;
}

.MoneySetupView-module__OgFZNW__addAccountBtn {
  border: 1.5px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.MoneySetupView-module__OgFZNW__addAccountBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-surface);
}

.MoneySetupView-module__OgFZNW__addAccountBtn:active {
  transform: scale(.985);
}

.MoneySetupView-module__OgFZNW__reorderBtn {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  height: 46px;
  color: var(--mc-text);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: var(--mc-shadow-card);
  border-radius: 14px;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  transition: all .15s;
  display: inline-flex;
}

.MoneySetupView-module__OgFZNW__reorderBtn:active {
  transform: scale(.98);
}

.MoneySetupView-module__OgFZNW__stackSection {
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.MoneySetupView-module__OgFZNW__stackHead {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
  padding: 0 4px;
  display: flex;
}

.MoneySetupView-module__OgFZNW__stackTitle {
  letter-spacing: -.015em;
  color: var(--mc-text);
  font-size: 13.5px;
  font-weight: 850;
}

.MoneySetupView-module__OgFZNW__reorderInlineBtn {
  height: 28px;
  color: var(--mc-text-soft, var(--mc-muted));
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  padding: 4px 6px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 750;
  transition: all .15s;
  display: inline-flex;
}

.MoneySetupView-module__OgFZNW__reorderInlineBtn:active {
  color: var(--mc-text);
  transform: scale(.96);
}

.MoneySetupView-module__OgFZNW__stickyBottomBar {
  padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 20px));
  background: linear-gradient(to top, var(--mc-bg) 75%, transparent 100%);
  z-index: 2000;
  pointer-events: none;
  justify-content: center;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.MoneySetupView-module__OgFZNW__primaryBottomBtn {
  pointer-events: auto;
  background: var(--mc-primary);
  width: 100%;
  height: 52px;
  color: var(--mc-on-primary, #fff);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 750;
  transition: transform .15s, opacity .15s;
  display: flex;
}

.MoneySetupView-module__OgFZNW__primaryBottomBtn:active {
  opacity: .9;
  transform: scale(.98);
}

.MoneySetupView-module__OgFZNW__deckViewport {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: pan-y;
  outline: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 270px;
  display: flex;
  position: relative;
}

.MoneySetupView-module__OgFZNW__flyoutOverlay {
  z-index: 10000;
  padding: calc(110px + env(safe-area-inset-top, 0px)) 18px 24px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.MoneySetupView-module__OgFZNW__flyoutBackdrop {
  -webkit-backdrop-filter: blur(32px) saturate(150%);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: rgba(0, 0, 0, .85);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.MoneySetupView-module__OgFZNW__flyoutModalContent {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
  max-width: 440px;
  display: flex;
  position: relative;
}

.MoneySetupView-module__OgFZNW__flyoutCardWrapper {
  width: 100%;
  height: var(--mc-card-hero-height, 200px);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border-radius: 20px;
  outline: none;
  box-shadow: 0 32px 70px -8px rgba(0, 0, 0, .92);
}

.MoneySetupView-module__OgFZNW__flyoutButtonsColumn {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  display: flex;
}

.MoneySetupView-module__OgFZNW__addMoneyActionBtn {
  background: var(--mc-text, #fff);
  width: 100%;
  height: 48px;
  color: var(--mc-bg, #090c10);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 16px;
  outline: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 750;
  transition: transform .15s, filter .15s;
  display: flex;
  box-shadow: 0 12px 28px -4px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .2);
}

.MoneySetupView-module__OgFZNW__addMoneyActionBtn:active {
  transform: scale(.98);
}

.MoneySetupView-module__OgFZNW__editAccountActionBtn {
  -webkit-backdrop-filter: blur(24px);
  width: 100%;
  height: 48px;
  color: var(--mc-text, #fff);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 16px;
  outline: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  transition: transform .15s, background-color .15s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .4), inset 0 -1px rgba(255, 255, 255, .08);
}

.MoneySetupView-module__OgFZNW__editAccountActionBtn:active {
  background: rgba(255, 255, 255, .14);
  transform: scale(.98);
}

.MoneySetupView-module__OgFZNW__cascadingCard {
  width: 100%;
  height: var(--mc-card-hero-height, 200px);
  box-sizing: border-box;
  cursor: pointer;
  will-change: transform, opacity;
  transform-origin: top;
  -webkit-tap-highlight-color: transparent;
  border-radius: 20px;
  outline: none;
  position: absolute;
  top: 0;
  overflow: visible;
}

.MoneySetupView-module__OgFZNW__cascadingCardTucked {
  pointer-events: auto;
}

.MoneySetupView-module__OgFZNW__cascadingCardActive {
  cursor: grab;
}

.MoneySetupView-module__OgFZNW__cascadingCardActive:active {
  cursor: grabbing;
}

.MoneySetupView-module__OgFZNW__cascadingCardHidden {
  opacity: 1 !important;
}

.MoneySetupView-module__OgFZNW__cardTopRow {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
  position: relative;
}

.MoneySetupView-module__OgFZNW__cardBrandGroup {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.MoneySetupView-module__OgFZNW__badgeWrap {
  border-radius: 10px;
  flex-shrink: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

.MoneySetupView-module__OgFZNW__cardNameBlock {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.MoneySetupView-module__OgFZNW__cardName {
  letter-spacing: -.02em;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.2;
  overflow: hidden;
}

.MoneySetupView-module__OgFZNW__cardTypeLabel {
  color: rgba(255, 255, 255, .72);
  letter-spacing: .01em;
  font-size: 11px;
  font-weight: 650;
}

.MoneySetupView-module__OgFZNW__cardBadgesGroup {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.MoneySetupView-module__OgFZNW__cardDefaultPill {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  letter-spacing: .01em;
  background: rgba(255, 255, 255, .22);
  border-radius: 8px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 850;
}

.MoneySetupView-module__OgFZNW__cardPinnedPill {
  color: rgba(255, 255, 255, .9);
  background: rgba(255, 255, 255, .16);
  border-radius: 8px;
  align-items: center;
  gap: 3px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 800;
  display: inline-flex;
}

.MoneySetupView-module__OgFZNW__cardHiddenPill {
  color: rgba(255, 255, 255, .75);
  background: rgba(0, 0, 0, .35);
  border-radius: 8px;
  align-items: center;
  gap: 3px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 750;
  display: inline-flex;
}

.MoneySetupView-module__OgFZNW__cardBalanceArea {
  z-index: 2;
  flex-direction: column;
  gap: 2px;
  margin: auto 0;
  display: flex;
  position: relative;
}

.MoneySetupView-module__OgFZNW__cardBalanceLabel {
  color: rgba(255, 255, 255, .7);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.MoneySetupView-module__OgFZNW__cardBalanceAmount {
  letter-spacing: -.04em;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .25);
  font-size: 26px;
  font-weight: 900;
  line-height: 1.1;
}

.MoneySetupView-module__OgFZNW__balanceNeg {
  color: #fca5a5 !important;
}

.MoneySetupView-module__OgFZNW__cardFootRow {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
  position: relative;
}

.MoneySetupView-module__OgFZNW__cardEditBtn {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, .18);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  transition: all .15s;
  display: inline-flex;
}

.MoneySetupView-module__OgFZNW__cardEditBtn:active {
  background: rgba(255, 255, 255, .28);
  transform: scale(.96);
}

.MoneySetupView-module__OgFZNW__cardSwipeBtn {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 10px;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.MoneySetupView-module__OgFZNW__cardSwipeBtn:active {
  background: rgba(255, 255, 255, .28);
  transform: scale(.92);
}

.MoneySetupView-module__OgFZNW__stackControls {
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  display: flex;
}

.MoneySetupView-module__OgFZNW__cycleBtn {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  width: 32px;
  height: 32px;
  color: var(--mc-text);
  cursor: pointer;
  box-shadow: var(--mc-shadow-card);
  border-radius: 10px;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.MoneySetupView-module__OgFZNW__cycleBtn:active {
  transform: scale(.92);
}

.MoneySetupView-module__OgFZNW__dotsRow {
  align-items: center;
  gap: 6px;
  display: flex;
}

.MoneySetupView-module__OgFZNW__dot {
  background: var(--mc-border);
  cursor: pointer;
  border: none;
  border-radius: 99px;
  width: 6px;
  height: 6px;
  padding: 0;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
}

.MoneySetupView-module__OgFZNW__dotActive {
  background: var(--mc-primary);
  width: 18px;
}

.MoneySetupView-module__OgFZNW__accountQuickListSection {
  margin-top: 10px;
  margin-bottom: 24px;
}

.MoneySetupView-module__OgFZNW__accountQuickListHead {
  color: var(--mc-text);
  justify-content: space-between;
  align-items: center;
  padding: 0 4px 8px;
  font-size: 13px;
  font-weight: 850;
  display: flex;
}

.MoneySetupView-module__OgFZNW__accountQuickListHead small {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.MoneySetupView-module__OgFZNW__quickListGroup {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-card);
  border-radius: 20px;
  overflow: hidden;
}

.MoneySetupView-module__OgFZNW__quickListRow {
  border: none;
  border-bottom: 1px solid var(--mc-divider);
  cursor: pointer;
  text-align: left;
  background: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 14px;
  font-family: inherit;
  transition: background .15s;
  display: flex;
}

.MoneySetupView-module__OgFZNW__quickListRow:last-child {
  border-bottom: none;
}

.MoneySetupView-module__OgFZNW__quickListRowActive {
  background: color-mix(in srgb, var(--mc-primary-soft) 40%, var(--mc-card));
}

.MoneySetupView-module__OgFZNW__qlLeft {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.MoneySetupView-module__OgFZNW__qlInfo {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.MoneySetupView-module__OgFZNW__qlName {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 800;
  overflow: hidden;
}

.MoneySetupView-module__OgFZNW__qlType {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11.5px;
  font-weight: 650;
  overflow: hidden;
}

.MoneySetupView-module__OgFZNW__qlRight {
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  display: flex;
}

.MoneySetupView-module__OgFZNW__qlAmount {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 850;
}

.MoneySetupView-module__OgFZNW__qlEditIconBtn {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  width: 28px;
  height: 28px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 8px;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.MoneySetupView-module__OgFZNW__qlEditIconBtn:hover {
  color: var(--mc-text);
  border-color: var(--mc-primary);
}

.MoneySetupView-module__OgFZNW__emptyState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
  display: flex;
}

.MoneySetupView-module__OgFZNW__emptyIcon {
  background: var(--mc-surface);
  width: 56px;
  height: 56px;
  color: var(--mc-muted);
  border-radius: 18px;
  place-items: center;
  margin-bottom: 16px;
  display: grid;
}

.MoneySetupView-module__OgFZNW__emptyState h3 {
  color: var(--mc-text);
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 750;
}

.MoneySetupView-module__OgFZNW__emptyState p {
  color: var(--mc-muted);
  max-width: 280px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.MoneySetupView-module__OgFZNW__manageBudgetsBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 14px;
  height: 44px;
  padding: 0 18px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: opacity .15s;
}

.MoneySetupView-module__OgFZNW__manageBudgetsBtn:active {
  opacity: .85;
}

.MoneySetupView-module__OgFZNW__reorderRow {
  background: var(--mc-card);
  border-bottom: 1px solid var(--mc-border);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  justify-content: space-between;
  align-items: center;
  padding: 12px 4px;
  transition: background .15s, transform .15s, opacity .15s;
  display: flex;
}

.MoneySetupView-module__OgFZNW__reorderRow:last-child {
  border-bottom: 0;
}

.MoneySetupView-module__OgFZNW__reorderRowDragging {
  opacity: .45;
  background: var(--mc-surface);
  transform: scale(.98);
}

.MoneySetupView-module__OgFZNW__reorderRowLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.MoneySetupView-module__OgFZNW__reorderIconBox {
  background: var(--mc-surface);
  border-radius: 11px;
  flex-shrink: 0;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.MoneySetupView-module__OgFZNW__reorderLabel {
  color: var(--mc-text);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14.5px;
  font-weight: 750;
  overflow: hidden;
}

.MoneySetupView-module__OgFZNW__acDefaultBadge {
  letter-spacing: .02em;
  background: var(--mc-primary-soft);
  color: var(--mc-muted);
  border-radius: 12px;
  flex-shrink: 0;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
}

.MoneySetupView-module__OgFZNW__reorderDragHandle {
  width: 36px;
  height: 36px;
  color: var(--mc-muted);
  cursor: grab;
  touch-action: none;
  background: none;
  border: none;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: color .14s, transform .14s;
  display: grid;
}

.MoneySetupView-module__OgFZNW__reorderDragHandle:hover {
  color: var(--mc-text);
}

.MoneySetupView-module__OgFZNW__reorderDragHandle:active {
  cursor: grabbing;
  color: var(--mc-text);
  transform: scale(1.1);
}

/* [project]/src/components/budgets/BudgetsSetupView.module.css [app-client] (css) */
.BudgetsSetupView-module__6_LCcW__setPage {
  z-index: 10000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both BudgetsSetupView-module__6_LCcW__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__setHead {
  z-index: 10;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 18px 12px;
  background: var(--mc-bg);
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 8px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.BudgetsSetupView-module__6_LCcW__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.BudgetsSetupView-module__6_LCcW__backBtn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.BudgetsSetupView-module__6_LCcW__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.BudgetsSetupView-module__6_LCcW__setBody {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  padding: 0 18px 40px;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.BudgetsSetupView-module__6_LCcW__setBody::-webkit-scrollbar {
  display: none;
}

.BudgetsSetupView-module__6_LCcW__hubSummaryCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  transition: transform .15s, opacity .15s;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

.BudgetsSetupView-module__6_LCcW__hubSummaryCard:active {
  opacity: .92;
  transform: scale(.985);
}

[data-theme="light"] .BudgetsSetupView-module__6_LCcW__hubSummaryCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.BudgetsSetupView-module__6_LCcW__hubSummaryTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__hubSummaryLabel {
  color: var(--mc-muted);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__hubSummaryTotal {
  letter-spacing: -.04em;
  color: var(--mc-text);
  margin-top: 2px;
  font-size: 26px;
  font-weight: 850;
  line-height: 1.15;
}

.BudgetsSetupView-module__6_LCcW__hubSummaryTotal small {
  letter-spacing: -.02em;
  color: var(--mc-muted);
  margin-left: 2px;
  font-size: .62em;
  font-weight: 700;
}

.BudgetsSetupView-module__6_LCcW__hubHeroIcon {
  color: var(--mc-muted);
  flex-shrink: 0;
}

.BudgetsSetupView-module__6_LCcW__ovTrack {
  background: var(--mc-surface);
  border-radius: 999px;
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__ovFill {
  background: var(--mc-income, #22c55e);
  border-radius: 999px;
  height: 100%;
  transition: width .3s cubic-bezier(.2, .8, .2, 1);
}

.BudgetsSetupView-module__6_LCcW__hubSummaryStats {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 10px;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__hubStatItem {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__hubStatLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
}

.BudgetsSetupView-module__6_LCcW__hubStatVal {
  color: var(--mc-text);
  font-size: 13.5px;
  font-weight: 800;
}

.BudgetsSetupView-module__6_LCcW__addAccountBtn {
  box-sizing: border-box;
  border: 1.5px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 52px;
  min-height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 18px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__addAccountBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-surface);
}

.BudgetsSetupView-module__6_LCcW__addAccountBtn:active {
  transform: scale(.985);
}

.BudgetsSetupView-module__6_LCcW__addAccountBtn svg {
  color: var(--mc-icon-accent);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.BudgetsSetupView-module__6_LCcW__modeSwitch {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  height: 44px;
  min-height: 44px;
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 18px;
  flex-shrink: 0;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 4px;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__modeSwitch button {
  height: 100%;
  min-height: 34px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 850;
  transition: background .18s, color .18s, transform .18s;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__modeSwitch button.BudgetsSetupView-module__6_LCcW__active, .BudgetsSetupView-module__6_LCcW__modeSwitch button[aria-pressed="true"] {
  background: var(--mc-primary);
  color: #fff;
}

.BudgetsSetupView-module__6_LCcW__modeSwitch button:active {
  transform: scale(.98);
}

.BudgetsSetupView-module__6_LCcW__budgetGroupTitle {
  letter-spacing: -.01em;
  color: var(--mc-muted);
  margin: 18px 4px 10px;
  font-size: 13px;
  font-weight: 750;
}

.BudgetsSetupView-module__6_LCcW__budgetRow {
  background: var(--mc-card);
  width: 100%;
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: 0;
  border-radius: 20px;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
  padding: 15px 16px;
  font-family: inherit;
  transition: transform .15s;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__budgetRow:active {
  transform: scale(.985);
}

.BudgetsSetupView-module__6_LCcW__budgetHead {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__budgetHeadLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__budgetIconWrap {
  background: var(--mc-primary-soft);
  width: 44px;
  height: 44px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__budgetHeadInfo {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__budgetNameRow {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__budgetName {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: -.015em;
  font-size: 15px;
  font-weight: 800;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__budgetCategorySubtitle {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__inactiveBadge {
  background: var(--mc-surface);
  color: var(--mc-muted);
  letter-spacing: .02em;
  border-radius: 6px;
  align-items: center;
  padding: 1.5px 6px;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}

.BudgetsSetupView-module__6_LCcW__budgetHeadRight {
  white-space: nowrap;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__budgetSpentValue {
  color: var(--mc-text);
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 850;
}

.BudgetsSetupView-module__6_LCcW__budgetLimitValue {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 650;
}

.BudgetsSetupView-module__6_LCcW__progressWrap {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__progressHeader {
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__progressBarTrack {
  background: var(--mc-surface);
  border-radius: 999px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__progressBarFill {
  background: var(--mc-income, #22c55e);
  border-radius: 999px;
  height: 100%;
  transition: width .3s cubic-bezier(.2, .8, .2, 1);
}

.BudgetsSetupView-module__6_LCcW__progressBarFill.BudgetsSetupView-module__6_LCcW__warning {
  background: var(--mc-warning, #f59e0b);
}

.BudgetsSetupView-module__6_LCcW__progressBarFill.BudgetsSetupView-module__6_LCcW__over {
  background: var(--mc-danger, #ef4444);
}

.BudgetsSetupView-module__6_LCcW__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__emptyIcon {
  background: var(--mc-primary-soft);
  width: 64px;
  height: 64px;
  color: var(--mc-muted);
  border-radius: 20px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__emptyState h3 {
  color: var(--mc-text);
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 750;
}

.BudgetsSetupView-module__6_LCcW__emptyState p {
  color: var(--mc-muted);
  max-width: 280px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.BudgetsSetupView-module__6_LCcW__manageBudgetsBtn {
  background: color-mix(in srgb, var(--mc-card) 65%, transparent);
  height: 52px;
  color: var(--mc-text);
  letter-spacing: -.01em;
  border: 1px solid color-mix(in srgb, var(--mc-text) 14%, transparent);
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 24px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: inline-flex;
}

.BudgetsSetupView-module__6_LCcW__manageBudgetsBtn:hover {
  border-color: var(--mc-primary);
  background: var(--mc-card);
}

.BudgetsSetupView-module__6_LCcW__manageBudgetsBtn:active {
  transform: scale(.985);
}

.BudgetsSetupView-module__6_LCcW__detailPage {
  z-index: 10000;
  background: var(--mc-bg);
  color: var(--mc-text);
  height: 100%;
  flex-direction: column;
  height: 100dvh;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both BudgetsSetupView-module__6_LCcW__pageSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes BudgetsSetupView-module__6_LCcW__pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.BudgetsSetupView-module__6_LCcW__detailTopBar {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.BudgetsSetupView-module__6_LCcW__detailBackBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__detailBackBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.BudgetsSetupView-module__6_LCcW__detailTitleBox {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__detailTitleName {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 16px;
  font-weight: 800;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__detailTitleSub {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.BudgetsSetupView-module__6_LCcW__detailHeadGhost {
  width: 40px;
}

.BudgetsSetupView-module__6_LCcW__detailBody {
  -webkit-overflow-scrolling: touch;
  padding: 8px 16px calc(env(safe-area-inset-bottom, 20px)  + 100px);
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.BudgetsSetupView-module__6_LCcW__detailBody > * {
  flex-shrink: 0;
}

.BudgetsSetupView-module__6_LCcW__detailHeroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .BudgetsSetupView-module__6_LCcW__detailHeroCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.BudgetsSetupView-module__6_LCcW__detailHeroTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__detailHeroTopLeft {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__detailHeroLabel {
  color: var(--mc-muted);
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__detailHeroAmount {
  letter-spacing: -.04em;
  color: var(--mc-text);
  font-size: 28px;
  font-weight: 850;
  line-height: 1.1;
}

.BudgetsSetupView-module__6_LCcW__detailHeroStatusPill {
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 750;
  display: inline-flex;
}

.BudgetsSetupView-module__6_LCcW__detailHeroStatusActive {
  background: color-mix(in srgb, var(--mc-income, #22c55e) 15%, var(--mc-surface));
  color: var(--mc-income, #22c55e);
}

.BudgetsSetupView-module__6_LCcW__detailHeroStatusWarning {
  background: color-mix(in srgb, var(--mc-warning, #f59e0b) 15%, var(--mc-surface));
  color: var(--mc-warning, #f59e0b);
}

.BudgetsSetupView-module__6_LCcW__detailHeroStatusUrgent {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 15%, var(--mc-surface));
  color: var(--mc-danger, #ef4444);
}

.BudgetsSetupView-module__6_LCcW__detailHeroProgress {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 2px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__detailHeroTrack {
  background: var(--mc-surface);
  border-radius: 999px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__detailHeroFill {
  background: var(--mc-income, #22c55e);
  border-radius: 999px;
  height: 100%;
  transition: width .3s cubic-bezier(.2, .8, .2, 1);
}

.BudgetsSetupView-module__6_LCcW__detailHeroFill.BudgetsSetupView-module__6_LCcW__warning {
  background: var(--mc-warning, #f59e0b);
}

.BudgetsSetupView-module__6_LCcW__detailHeroFill.BudgetsSetupView-module__6_LCcW__over {
  background: var(--mc-danger, #ef4444);
}

.BudgetsSetupView-module__6_LCcW__detailHeroSub {
  color: var(--mc-muted);
  justify-content: space-between;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__detailHeroStatsGrid {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 0;
  padding-top: 12px;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__detailHeroStatTile {
  background: none;
  border-radius: 0;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 0;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__detailHeroStatLabel {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__detailHeroStatVal {
  color: var(--mc-text);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 800;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__configSectionHead {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
  margin-top: 4px;
  margin-bottom: -6px;
  padding: 0 2px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configSectionTitle {
  color: var(--mc-text);
  font-size: 13px;
  font-weight: 800;
}

.BudgetsSetupView-module__6_LCcW__configActionGroup {
  align-items: center;
  gap: 6px;
  height: 32px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configIconActionBtn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: var(--mc-muted);
  box-sizing: border-box;
  background: none;
  border: 0;
  border-radius: 9px;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__configCancelBtn {
  height: 30px;
  color: var(--mc-muted);
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 750;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configDoneBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  height: 30px;
  padding: 0 12px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 800;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__goalConfigCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configIdentityRow {
  border-bottom: 1px solid var(--mc-divider);
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configIconBtn {
  background: var(--mc-primary-soft);
  width: 46px;
  height: 46px;
  color: var(--mc-icon-accent);
  cursor: default;
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: border-color .15s;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__configIconBtnEditable {
  cursor: pointer;
  border-color: var(--mc-primary);
  background: var(--mc-primary-soft);
}

.BudgetsSetupView-module__6_LCcW__configNameBox {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configNameBoxEditable {
  border: 1.5px solid var(--mc-border);
  background: var(--mc-surface);
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: center;
  min-height: 46px;
  padding: 4px 10px;
  transition: border-color .15s;
}

.BudgetsSetupView-module__6_LCcW__configNameBoxEditable:focus-within {
  border-color: var(--mc-primary);
}

.BudgetsSetupView-module__6_LCcW__configBannerLabel {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 700;
}

.BudgetsSetupView-module__6_LCcW__configNameValBox {
  box-sizing: border-box;
  align-items: center;
  min-height: 24px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configNameVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.2;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__configNameInput {
  color: var(--mc-text);
  box-sizing: border-box;
  background: none;
  border: 0;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 850;
}

.BudgetsSetupView-module__6_LCcW__configNameInput:focus {
  outline: none;
}

.BudgetsSetupView-module__6_LCcW__configGrid2 {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__configTile {
  background: var(--mc-surface);
  text-align: left;
  color: inherit;
  cursor: default;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configTileEditable {
  cursor: pointer;
  border-color: var(--mc-border);
}

.BudgetsSetupView-module__6_LCcW__configTileEditable:hover {
  background: color-mix(in srgb, var(--mc-primary-soft) 40%, var(--mc-surface));
  border-color: var(--mc-primary);
}

.BudgetsSetupView-module__6_LCcW__configTileEditable:active {
  transform: scale(.985);
}

.BudgetsSetupView-module__6_LCcW__configTileIcon {
  background: var(--mc-primary-soft);
  width: 32px;
  height: 32px;
  color: var(--mc-icon-accent);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.BudgetsSetupView-module__6_LCcW__configTileMeta {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configTileLabel {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__configTileVal {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 800;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__configChevron {
  color: var(--mc-muted);
  flex-shrink: 0;
  margin-left: auto;
}

.BudgetsSetupView-module__6_LCcW__configSaveBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 44px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__configSaveBtn:active {
  transform: scale(.985);
}

.BudgetsSetupView-module__6_LCcW__configSaveBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.BudgetsSetupView-module__6_LCcW__detailSectionHeader {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
  margin-top: 4px;
  margin-bottom: -8px;
  padding: 0 2px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__detailSectionTitle {
  color: var(--mc-text);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 800;
}

.BudgetsSetupView-module__6_LCcW__detailSectionCount {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.BudgetsSetupView-module__6_LCcW__goalHistoryCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 20px;
  flex-direction: column;
  margin-bottom: 8px;
  padding: 2px 16px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__goalHistoryRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider);
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__goalHistoryRow:last-child {
  border-bottom: 0;
}

.BudgetsSetupView-module__6_LCcW__goalHistoryBaselineRow {
  border-bottom: 1px solid var(--mc-divider);
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: default;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__goalHistoryBaselineRow:last-child {
  border-bottom: 0;
}

.BudgetsSetupView-module__6_LCcW__historyRowLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__historyRowInfo {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__historyRowTitle {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 750;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__historyRowSub {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 550;
  overflow: hidden;
}

.BudgetsSetupView-module__6_LCcW__historyRowRight {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__historyRowAmount {
  color: var(--mc-text);
  font-size: 14.5px;
  font-weight: 800;
}

.BudgetsSetupView-module__6_LCcW__goalBaselineTag {
  background: var(--mc-primary-soft);
  color: var(--mc-muted);
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 750;
}

.BudgetsSetupView-module__6_LCcW__goalDateBadge {
  background: var(--mc-primary-soft);
  width: 40px;
  height: 40px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 1px;
  line-height: 1;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__goalDateBadgeDay {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.1;
}

.BudgetsSetupView-module__6_LCcW__goalDateBadgeMonth {
  color: var(--mc-muted);
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
}

.BudgetsSetupView-module__6_LCcW__deleteRecordBtn {
  background: color-mix(in srgb, var(--mc-danger) 10%, transparent);
  width: 100%;
  height: 48px;
  min-height: 48px;
  color: var(--mc-danger, #ef4444);
  letter-spacing: -.01em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__deleteRecordBtn:hover {
  background: color-mix(in srgb, var(--mc-danger) 18%, transparent);
}

.BudgetsSetupView-module__6_LCcW__deleteRecordBtn:active {
  transform: scale(.985);
}

.BudgetsSetupView-module__6_LCcW__detailActionsBar {
  max-width: 540px;
  padding: 12px 16px calc(env(safe-area-inset-bottom, 16px)  + 12px);
  background: var(--mc-bg);
  z-index: 20;
  border-top: none;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.BudgetsSetupView-module__6_LCcW__detailSettlePrimaryBtn {
  background: var(--mc-primary);
  color: #fff;
  letter-spacing: -.015em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 50px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 850;
  transition: all .15s;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__detailSettlePrimaryBtn:hover {
  opacity: .92;
}

.BudgetsSetupView-module__6_LCcW__detailSettlePrimaryBtn:active {
  transform: scale(.985);
}

.BudgetsSetupView-module__6_LCcW__settleAmountCard {
  background: var(--mc-card);
  text-align: center;
  cursor: pointer;
  border: 1.5px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 16px;
  transition: all .15s;
  display: flex;
}

.BudgetsSetupView-module__6_LCcW__settleAmountCard:hover {
  border-color: var(--mc-primary);
}

.BudgetsSetupView-module__6_LCcW__settleAmountTopLabel {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.BudgetsSetupView-module__6_LCcW__settleAmountVal {
  color: var(--mc-text);
  letter-spacing: -.03em;
  font-size: 32px;
  font-weight: 850;
}

.BudgetsSetupView-module__6_LCcW__settleAmountTapLabel {
  color: var(--mc-primary);
  font-size: 11.5px;
  font-weight: 650;
}

.BudgetsSetupView-module__6_LCcW__drawerBodyForm {
  flex-direction: column;
  gap: 14px;
  padding: 16px 18px 24px;
  display: flex;
}

/* [project]/src/components/goals/GoalsSetupView.module.css [app-client] (css) */
.GoalsSetupView-module__vB3w5W__setHead {
  z-index: 10;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 18px 12px;
  background: var(--mc-bg);
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 8px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.GoalsSetupView-module__vB3w5W__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.GoalsSetupView-module__vB3w5W__backBtn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.GoalsSetupView-module__vB3w5W__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.GoalsSetupView-module__vB3w5W__setBody {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  padding: 0 18px 40px;
  display: flex;
  overflow-y: auto;
}

.GoalsSetupView-module__vB3w5W__setBody::-webkit-scrollbar {
  display: none;
}

.GoalsSetupView-module__vB3w5W__hubSummaryCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 4px;
  padding: 18px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .GoalsSetupView-module__vB3w5W__hubSummaryCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.GoalsSetupView-module__vB3w5W__hubSummaryTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__hubSummaryLabel {
  color: var(--mc-muted);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 750;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__hubSummaryTotal {
  letter-spacing: -.04em;
  color: var(--mc-text);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin-top: 4px;
  font-size: 26px;
  font-weight: 850;
  line-height: 1.15;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__hubSummaryTotal small {
  color: var(--mc-muted);
  letter-spacing: -.02em;
  font-size: 14px;
  font-weight: 700;
}

.GoalsSetupView-module__vB3w5W__hubHeroIconBadge {
  background: var(--mc-primary-soft);
  width: 44px;
  height: 44px;
  color: var(--mc-icon-accent);
  border-radius: 14px;
  flex: none;
  place-items: center;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__hubHeroIconBadge svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
  width: 20px !important;
  height: 20px !important;
}

.GoalsSetupView-module__vB3w5W__ovTrack {
  background: var(--mc-surface);
  border-radius: 999px;
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__ovFill {
  background: var(--mc-income, #22c55e);
  border-radius: 999px;
  height: 100%;
  transition: width .3s cubic-bezier(.2, .8, .2, 1);
}

.GoalsSetupView-module__vB3w5W__ovFillGreen {
  background: var(--mc-income, #22c55e);
}

.GoalsSetupView-module__vB3w5W__hubSummaryStats {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 10px;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__hubStatItem {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__hubStatLabel {
  color: var(--mc-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.GoalsSetupView-module__vB3w5W__hubStatVal {
  color: var(--mc-text);
  margin-top: 2px;
  font-size: 13.5px;
  font-weight: 800;
}

.GoalsSetupView-module__vB3w5W__addAccountBtn {
  border: 1.5px solid var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__addAccountBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-surface);
}

.GoalsSetupView-module__vB3w5W__addAccountBtn:active {
  transform: scale(.985);
}

.GoalsSetupView-module__vB3w5W__addAccountBtn svg {
  color: var(--mc-icon-accent);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.GoalsSetupView-module__vB3w5W__budgetRow {
  background: var(--mc-card);
  width: 100%;
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: 0;
  border-radius: 20px;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
  padding: 15px 16px;
  font-family: inherit;
  transition: transform .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__budgetRow:active {
  transform: scale(.985);
}

.GoalsSetupView-module__vB3w5W__budgetHead {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__budgetHeadLeft {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__budgetIconWrap {
  background: var(--mc-primary-soft);
  width: 44px;
  height: 44px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__budgetHeadInfo {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__budgetNameRow {
  align-items: center;
  gap: 6px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__budgetName {
  color: var(--mc-text);
  letter-spacing: -.015em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 800;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__budgetCategorySubtitle {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__budgetHeadRight {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__budgetSpentValue {
  letter-spacing: -.02em;
  color: var(--mc-text);
  font-size: 16px;
  font-weight: 850;
}

.GoalsSetupView-module__vB3w5W__budgetLimitValue {
  color: var(--mc-muted);
  font-size: 11px;
  font-weight: 650;
}

.GoalsSetupView-module__vB3w5W__progressWrap {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__progressHeader {
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__progressBarTrack {
  background: var(--mc-surface);
  border-radius: 999px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__progressBarFill {
  background: var(--mc-income, #22c55e);
  border-radius: 999px;
  height: 100%;
  transition: width .3s cubic-bezier(.2, .8, .2, 1);
}

.GoalsSetupView-module__vB3w5W__goalDetailBody {
  -webkit-overflow-scrolling: touch;
  padding: 8px 16px calc(env(safe-area-inset-bottom, 20px)  + 100px);
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.GoalsSetupView-module__vB3w5W__goalDetailBody::-webkit-scrollbar {
  display: none;
}

.GoalsSetupView-module__vB3w5W__goalDetailBody > * {
  flex-shrink: 0;
}

.GoalsSetupView-module__vB3w5W__setGroup {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 20px;
  margin-bottom: 8px;
  padding: 2px 16px;
}

.GoalsSetupView-module__vB3w5W__configSectionHead {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
  margin-top: 4px;
  margin-bottom: -6px;
  padding: 0 2px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configSectionTitle {
  color: var(--mc-text);
  font-size: 13px;
  font-weight: 800;
}

.GoalsSetupView-module__vB3w5W__configActionGroup {
  align-items: center;
  gap: 6px;
  height: 32px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configIconActionBtn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: var(--mc-muted);
  box-sizing: border-box;
  background: none;
  border: 0;
  border-radius: 9px;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__configCancelBtn {
  height: 30px;
  color: var(--mc-muted);
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 750;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configDoneBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  height: 30px;
  padding: 0 12px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 800;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalConfigCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configIdentityRow {
  border-bottom: 1px solid var(--mc-divider);
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configIconBtn {
  background: var(--mc-primary-soft);
  width: 46px;
  height: 46px;
  color: var(--mc-icon-accent);
  cursor: default;
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: border-color .15s;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__configIconBtnEditable {
  cursor: pointer;
  border-color: var(--mc-border);
  background: var(--mc-primary-soft);
  position: relative;
}

.GoalsSetupView-module__vB3w5W__configNameBox {
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  height: 46px;
  padding: 4px 10px;
  transition: border-color .15s, background .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configNameBoxEditable {
  border-color: var(--mc-border);
  background: var(--mc-surface);
}

.GoalsSetupView-module__vB3w5W__configNameBoxEditable:focus-within {
  border-color: var(--mc-primary);
}

.GoalsSetupView-module__vB3w5W__configBannerLabel {
  color: var(--mc-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.GoalsSetupView-module__vB3w5W__configNameValBox {
  box-sizing: border-box;
  align-items: center;
  min-height: 22px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configNameVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16.5px;
  font-weight: 850;
  line-height: 1.2;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__configNameInput {
  color: var(--mc-text);
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.GoalsSetupView-module__vB3w5W__configNameInput:focus {
  outline: none;
}

.GoalsSetupView-module__vB3w5W__configSaveBtn {
  background: var(--mc-primary);
  width: 100%;
  height: 40px;
  color: var(--mc-on-primary, #fff);
  cursor: pointer;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mc-primary) 35%, transparent);
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configSaveBtn:active {
  opacity: .9;
  transform: scale(.985);
}

.GoalsSetupView-module__vB3w5W__goalHistoryBaselineRow {
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalBaselineTag {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  letter-spacing: .02em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 800;
}

.GoalsSetupView-module__vB3w5W__configTileFull {
  background: var(--mc-surface);
  text-align: left;
  color: inherit;
  cursor: default;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configTileFullEditable {
  cursor: pointer;
  border-color: var(--mc-border);
}

.GoalsSetupView-module__vB3w5W__configTileFullEditable:active {
  transform: scale(.985);
}

.GoalsSetupView-module__vB3w5W__configGrid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__configTile {
  background: var(--mc-surface);
  text-align: left;
  color: inherit;
  cursor: default;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configTileEditable {
  cursor: pointer;
  border-color: var(--mc-border);
}

.GoalsSetupView-module__vB3w5W__configTileEditable:hover {
  border-color: var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary-soft) 40%, var(--mc-surface));
}

.GoalsSetupView-module__vB3w5W__configTileEditable:active {
  transform: scale(.985);
}

.GoalsSetupView-module__vB3w5W__configChevron {
  color: var(--mc-muted);
  flex-shrink: 0;
  margin-left: auto;
}

.GoalsSetupView-module__vB3w5W__configTileIconBox {
  background: var(--mc-primary-soft);
  width: 32px;
  height: 32px;
  color: var(--mc-icon-accent);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__configTileContent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__configTileLabel {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__configTileVal {
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__configTilePlaceholder {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 550;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__goalHistoryCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 20px;
  flex-direction: column;
  margin-bottom: 8px;
  padding: 2px 16px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalHistoryRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  color: var(--mc-text);
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-family: inherit;
  transition: opacity .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalHistoryRow:last-child {
  border-bottom: 0;
}

.GoalsSetupView-module__vB3w5W__goalHistoryRow:active {
  opacity: .7;
}

.GoalsSetupView-module__vB3w5W__goalDateBadge {
  background: var(--mc-primary-soft);
  width: 40px;
  height: 40px;
  color: var(--mc-icon-accent);
  border-radius: 12px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 2px;
  line-height: 1;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalDateBadgeDay {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.1;
}

.GoalsSetupView-module__vB3w5W__goalDateBadgeMonth {
  color: var(--mc-muted);
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
}

.GoalsSetupView-module__vB3w5W__deleteRowBtn {
  width: 100%;
  color: var(--mc-danger, #ef4444);
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  transition: opacity .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__deleteRowBtn:active {
  opacity: .75;
}

.GoalsSetupView-module__vB3w5W__deleteRowLeft {
  align-items: center;
  gap: 12px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__deleteIconWrap {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 14%, transparent);
  width: 36px;
  height: 36px;
  color: var(--mc-danger, #ef4444);
  border-radius: 11px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__deleteIconWrap svg {
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
  width: 17px !important;
  height: 17px !important;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroCard {
  background: linear-gradient(180deg, var(--mc-card) 0%, color-mix(in srgb, var(--mc-surface) 45%, var(--mc-card)) 100%);
  border: 1px solid color-mix(in srgb, var(--mc-border) 60%, transparent);
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

[data-theme="light"] .GoalsSetupView-module__vB3w5W__goalDetailHeroCard {
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroTopLeft {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroLabel {
  color: var(--mc-muted);
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroAmount {
  letter-spacing: -.04em;
  color: var(--mc-text);
  font-size: 26px;
  font-weight: 850;
  line-height: 1.15;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroStatusPill {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 750;
  display: inline-flex;
}

.GoalsSetupView-module__vB3w5W__statusPillInProgress {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
}

.GoalsSetupView-module__vB3w5W__statusPillCompleted, .GoalsSetupView-module__vB3w5W__goalDetailHeroStatusFinished {
  background: color-mix(in srgb, var(--mc-income, #22c55e) 15%, var(--mc-surface));
  color: var(--mc-income, #22c55e);
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroProgress {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroTrack {
  background: var(--mc-surface);
  border-radius: 999px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroFill {
  background: var(--mc-income, #22c55e);
  border-radius: 999px;
  height: 100%;
  transition: width .35s cubic-bezier(.2, .8, .2, 1);
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroSub {
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroStatsGrid {
  border-top: 1px solid var(--mc-divider);
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding-top: 10px;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroStatTile {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroStatLabel {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__goalDetailHeroStatVal {
  color: var(--mc-text);
  letter-spacing: -.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 800;
  overflow: hidden;
}

.GoalsSetupView-module__vB3w5W__manageBudgetsBtn {
  background: color-mix(in srgb, var(--mc-card) 65%, transparent);
  height: 52px;
  color: var(--mc-text);
  letter-spacing: -.01em;
  border: 1px solid color-mix(in srgb, var(--mc-text) 14%, transparent);
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 24px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: inline-flex;
}

.GoalsSetupView-module__vB3w5W__manageBudgetsBtn:hover {
  border-color: var(--mc-primary);
  background: var(--mc-card);
}

.GoalsSetupView-module__vB3w5W__manageBudgetsBtn:active {
  transform: scale(.985);
}

.GoalsSetupView-module__vB3w5W__deleteGoalBtn {
  background: color-mix(in srgb, var(--mc-danger) 10%, transparent);
  width: 100%;
  height: 48px;
  min-height: 48px;
  color: var(--mc-danger, #ef4444);
  letter-spacing: -.01em;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__deleteGoalBtn:hover {
  background: color-mix(in srgb, var(--mc-danger) 18%, transparent);
}

.GoalsSetupView-module__vB3w5W__deleteGoalBtn:active {
  transform: scale(.985);
}

.GoalsSetupView-module__vB3w5W__deleteGoalBtn svg {
  stroke-width: 1.5px;
  stroke: currentColor;
  fill: none;
  display: block;
  overflow: visible;
  width: 16px !important;
  height: 16px !important;
}

.GoalsSetupView-module__vB3w5W__detailBottomBar {
  max-width: 540px;
  padding: 12px 16px max(20px, calc(10px + env(safe-area-inset-bottom)));
  background: var(--mc-bg);
  z-index: 20;
  box-sizing: border-box;
  border-top: none;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.GoalsSetupView-module__vB3w5W__detailDepositBtn {
  background: var(--mc-primary);
  color: #fff;
  letter-spacing: -.015em;
  cursor: pointer;
  box-sizing: border-box;
  border: 0;
  border-radius: 16px;
  flex: 1.15;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 50px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 850;
  transition: all .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__detailDepositBtn:hover {
  opacity: .92;
}

.GoalsSetupView-module__vB3w5W__detailDepositBtn:active {
  transform: scale(.985);
}

.GoalsSetupView-module__vB3w5W__detailWithdrawBtn {
  background: var(--mc-surface);
  height: 50px;
  color: var(--mc-text);
  border: 1px solid var(--mc-border);
  letter-spacing: -.015em;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 16px;
  flex: .85;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__detailWithdrawBtn:hover {
  background: var(--mc-card);
}

.GoalsSetupView-module__vB3w5W__detailWithdrawBtn:active {
  transform: scale(.985);
}

.GoalsSetupView-module__vB3w5W__detailMovementBtn svg {
  stroke-width: 2px;
  stroke: currentColor;
  fill: none;
  display: block;
  overflow: visible;
  width: 18px !important;
  height: 18px !important;
}

.GoalsSetupView-module__vB3w5W__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.GoalsSetupView-module__vB3w5W__emptyIcon {
  background: var(--mc-primary-soft);
  width: 64px;
  height: 64px;
  color: var(--mc-muted);
  border-radius: 20px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.GoalsSetupView-module__vB3w5W__emptyState h3 {
  color: var(--mc-text);
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 750;
}

.GoalsSetupView-module__vB3w5W__emptyState p {
  color: var(--mc-muted);
  max-width: 280px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

/* [project]/src/components/settings/SettingsView.module.css [app-client] (css) */
.SettingsView-module__TtnaxW__setHead {
  padding: calc(env(safe-area-inset-top, 20px)  + 14px) 16px 14px;
  background: var(--mc-bg);
  z-index: 10;
  color: var(--mc-text);
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.SettingsView-module__TtnaxW__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.SettingsView-module__TtnaxW__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.SettingsView-module__TtnaxW__backBtn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.SettingsView-module__TtnaxW__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.SettingsView-module__TtnaxW__setBody {
  padding: 0 18px calc(100px + env(safe-area-inset-bottom, 20px));
  scrollbar-width: none;
  flex: 1;
  overflow-y: auto;
}

.SettingsView-module__TtnaxW__setBody::-webkit-scrollbar {
  display: none;
}

.SettingsView-module__TtnaxW__notifPageIntro {
  text-align: center;
  color: var(--mc-muted);
  max-width: 380px;
  margin: 0 auto 6px;
  padding: 4px 14px;
  font-size: 12.5px;
  font-weight: 550;
  line-height: 1.45;
}

.SettingsView-module__TtnaxW__profileCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  cursor: pointer;
  text-align: left;
  width: 100%;
  color: inherit;
  box-sizing: border-box;
  border: 0;
  border-radius: 24px;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding: 16px;
  transition: transform .15s;
  display: flex;
}

.SettingsView-module__TtnaxW__profileCard:active {
  transform: scale(.985);
}

.SettingsView-module__TtnaxW__pcAvatar {
  background: linear-gradient(145deg, var(--mc-primary-start), var(--mc-primary));
  color: #fff;
  border-radius: 17px;
  flex: none;
  place-items: center;
  width: 52px;
  height: 52px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  display: grid;
  position: relative;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__hasPhoto {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0) !important;
  background: none !important;
}

.SettingsView-module__TtnaxW__avatarImg {
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  background: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SettingsView-module__TtnaxW__pcInfo {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  display: flex;
}

.SettingsView-module__TtnaxW__idNameRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.SettingsView-module__TtnaxW__pcName {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.05;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__pcHandle {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 4px;
  font-size: 12.5px;
  font-weight: 700;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__setSection {
  letter-spacing: -.01em;
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  margin: 18px 4px 8px;
  font-size: 13px;
  font-weight: 750;
  display: flex;
}

.SettingsView-module__TtnaxW__setSection:first-child {
  margin-top: 0;
}

.SettingsView-module__TtnaxW__setGroup {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 18px;
  margin-bottom: 8px;
  padding: 2px 16px;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__setRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  box-sizing: border-box;
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 54px;
  padding: 14px 0;
  font-family: inherit;
  transition: background .15s;
  display: flex;
}

.SettingsView-module__TtnaxW__setRow:last-child {
  border-bottom: 0;
}

.SettingsView-module__TtnaxW__setRow:active {
  background: var(--mc-surface);
}

.SettingsView-module__TtnaxW__setRow:disabled {
  opacity: 1;
  cursor: default;
}

.SettingsView-module__TtnaxW__setRow svg {
  stroke-width: 1.5px;
}

.SettingsView-module__TtnaxW__setIc, .SettingsView-module__TtnaxW__srIcon {
  background: var(--mc-primary-soft);
  width: 34px;
  height: 34px;
  color: var(--mc-icon-accent);
  box-sizing: border-box;
  border-radius: 11px;
  flex: none;
  place-items: center;
  line-height: 0;
  display: grid;
}

.SettingsView-module__TtnaxW__setIc svg, .SettingsView-module__TtnaxW__srIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
  width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}

.SettingsView-module__TtnaxW__srLabel {
  min-width: 0;
  color: var(--mc-text);
  text-align: left;
  white-space: normal;
  word-break: break-word;
  flex: 1;
  padding-right: 4px;
  font-size: 14px;
  font-weight: 760;
}

.SettingsView-module__TtnaxW__srSub {
  color: var(--mc-muted);
  white-space: normal;
  overflow-wrap: anywhere;
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.35;
  display: block;
}

.SettingsView-module__TtnaxW__srValue {
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  flex-shrink: 0;
  max-width: 48%;
  margin-left: auto;
  font-size: 12.5px;
  font-weight: 760;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__srInput {
  text-align: right;
  color: var(--mc-text);
  background: none;
  border: 0;
  outline: none;
  width: 60%;
  min-width: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
}

.SettingsView-module__TtnaxW__srInputLocked {
  color: var(--mc-muted);
  opacity: 1;
  -webkit-text-fill-color: var(--mc-muted);
  cursor: not-allowed;
}

.SettingsView-module__TtnaxW__emailManagedRow {
  cursor: pointer;
}

.SettingsView-module__TtnaxW__emailManagedRow .SettingsView-module__TtnaxW__srInput {
  pointer-events: none;
  width: 48%;
}

.SettingsView-module__TtnaxW__googleEmailLink {
  color: var(--mc-muted);
  flex: none;
  align-items: center;
  gap: 6px;
  margin-left: 2px;
  line-height: 0;
  display: flex;
}

.SettingsView-module__TtnaxW__googleEmailLink svg {
  fill: none;
  stroke: currentColor;
  width: 16px;
  height: 16px;
  display: block;
  overflow: visible;
}

.SettingsView-module__TtnaxW__modeToggle {
  background: var(--mc-border);
  cursor: pointer;
  width: 48px;
  height: 28px;
  color: var(--mc-primary);
  border: 0;
  border-radius: 99px;
  flex-shrink: 0;
  margin-left: auto;
  padding: 0;
  transition: background .18s;
  position: relative;
}

.SettingsView-module__TtnaxW__modeToggle:before {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  transition: transform .18s;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}

.SettingsView-module__TtnaxW__modeToggle span {
  z-index: 1;
  width: 22px;
  height: 22px;
  color: color-mix(in srgb, var(--mc-text) 76%, var(--mc-primary) 24%);
  place-items: center;
  transition: transform .18s, color .18s;
  display: grid;
  position: absolute;
  top: 3px;
  left: 3px;
}

.SettingsView-module__TtnaxW__modeToggle.SettingsView-module__TtnaxW__on {
  background: var(--mc-primary);
}

.SettingsView-module__TtnaxW__modeToggle.SettingsView-module__TtnaxW__on:before {
  transform: translateX(20px);
}

.SettingsView-module__TtnaxW__modeToggle.SettingsView-module__TtnaxW__on span {
  color: #0f172a;
  transform: translateX(20px);
}

.SettingsView-module__TtnaxW__toggle {
  background: var(--mc-surface);
  border: 1.5px solid var(--mc-border);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 999px;
  flex-shrink: 0;
  width: 48px;
  height: 28px;
  margin-left: auto;
  padding: 0;
  transition: all .2s;
  position: relative;
}

.SettingsView-module__TtnaxW__toggle:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  transition: transform .2s cubic-bezier(.2, .8, .2, 1);
  position: absolute;
  top: 1.5px;
  left: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.SettingsView-module__TtnaxW__toggle.SettingsView-module__TtnaxW__on {
  background: var(--mc-primary);
  border-color: var(--mc-primary);
}

.SettingsView-module__TtnaxW__toggle.SettingsView-module__TtnaxW__on:after {
  transform: translateX(20px);
}

.SettingsView-module__TtnaxW__logoutBtn {
  width: 100%;
  min-height: var(--mc-drawer-btn-height, 48px);
  border-radius: var(--mc-drawer-btn-radius, 14px);
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 12%, transparent);
  box-shadow: none;
  color: var(--mc-danger, #ef4444);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size, 14px);
  font-weight: var(--mc-drawer-btn-weight, 750);
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items: center;
  margin: 16px 0 32px;
  transition: opacity .15s, transform .15s;
  display: flex;
}

.SettingsView-module__TtnaxW__logoutBtn:active {
  opacity: .75;
  transform: scale(.985);
}

.SettingsView-module__TtnaxW__planBadge {
  letter-spacing: .03em;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  background: none;
  border: 0;
  border-radius: 99px;
  flex: none;
  align-items: center;
  gap: 3px;
  margin-left: 6px;
  padding: 2px 8px;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: opacity .15s;
  display: inline-flex;
}

.SettingsView-module__TtnaxW__planBadge:hover {
  opacity: .75;
}

.SettingsView-module__TtnaxW__planBadge:active {
  opacity: .55;
}

.SettingsView-module__TtnaxW__planBadge svg {
  fill: none;
  stroke: currentColor;
  flex: none;
  width: 11px;
  height: 11px;
  display: block;
  overflow: visible;
}

.SettingsView-module__TtnaxW__planBadgeFree {
  color: var(--mc-muted);
  background: var(--mc-chip, var(--mc-surface));
}

.SettingsView-module__TtnaxW__planBadgePlus {
  color: var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary) 12%, transparent);
}

.SettingsView-module__TtnaxW__planBadgePro {
  color: #d4930d;
  background: rgba(212, 147, 13, .12);
}

[data-theme="dark"] .SettingsView-module__TtnaxW__planBadgePro {
  color: #e8b04a;
  background: rgba(232, 176, 74, .12);
}

.SettingsView-module__TtnaxW__planBadgeFamily {
  color: var(--mc-income, #10b981);
  background: color-mix(in srgb, var(--mc-income, #10b981) 12%, transparent);
}

.SettingsView-module__TtnaxW__modal {
  z-index: 100;
  background: var(--mc-overlay);
  -webkit-backdrop-filter: blur(3px) saturate(140%);
  backdrop-filter: blur(3px) saturate(140%);
  place-items: center;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SettingsView-module__TtnaxW__modalContent {
  background: var(--mc-card);
  width: min(90vw, 360px);
  box-shadow: var(--mc-shadow-sheet);
  border-radius: 24px;
  padding: 24px;
}

.SettingsView-module__TtnaxW__modalContent h3 {
  color: var(--mc-text);
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 800;
}

.SettingsView-module__TtnaxW__fieldLabel {
  color: var(--mc-muted);
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.SettingsView-module__TtnaxW__modalInput {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  width: 100%;
  height: 48px;
  font: inherit;
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 14px;
  outline: none;
  margin-bottom: 12px;
  padding: 0 14px;
  font-size: 14px;
}

.SettingsView-module__TtnaxW__modalActions {
  gap: var(--mc-drawer-foot-gap, 10px);
  grid-template-columns: 1fr 1fr;
  margin-top: 8px;
  display: grid;
}

.SettingsView-module__TtnaxW__modalCancel {
  height: var(--mc-drawer-btn-height, 48px);
  border-radius: var(--mc-drawer-btn-radius, 14px);
  background: var(--mc-surface);
  color: var(--mc-text);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size, 14px);
  font-weight: var(--mc-drawer-btn-weight, 750);
  cursor: pointer;
  border: 0;
}

.SettingsView-module__TtnaxW__modalSave {
  height: var(--mc-drawer-btn-height, 48px);
  border-radius: var(--mc-drawer-btn-radius, 14px);
  background: var(--mc-primary);
  color: #fff;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size, 14px);
  font-weight: var(--mc-drawer-btn-weight, 750);
  cursor: pointer;
  border: 0;
}

.SettingsView-module__TtnaxW__modalDanger {
  height: var(--mc-drawer-btn-height, 48px);
  border: 1px solid color-mix(in srgb, var(--mc-danger, #ef4444) 25%, transparent);
  border-radius: var(--mc-drawer-btn-radius, 14px);
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 16%, transparent);
  color: var(--mc-danger, #ef4444);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size, 14px);
  font-weight: var(--mc-drawer-btn-weight, 750);
  cursor: pointer;
}

.SettingsView-module__TtnaxW__modalText {
  color: var(--mc-muted);
  margin: 0 0 16px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.5;
}

.SettingsView-module__TtnaxW__error {
  color: var(--mc-danger, #ef4444);
  text-align: center;
  margin-top: 8px;
  font-size: 12.5px;
  font-weight: 650;
}

.SettingsView-module__TtnaxW__googleConnectCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 22px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding: 12px 14px;
  display: grid;
}

.SettingsView-module__TtnaxW__googleConnectIcon {
  background: var(--mc-surface);
  border-radius: 14px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.SettingsView-module__TtnaxW__googleConnectText {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.SettingsView-module__TtnaxW__googleConnectText strong {
  color: var(--mc-text);
  letter-spacing: -.02em;
  font-size: 14px;
  font-weight: 850;
}

.SettingsView-module__TtnaxW__googleConnectText span {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 700;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__googleConnectBtn, .SettingsView-module__TtnaxW__googleDisconnectBtn {
  cursor: pointer;
  border: 0;
  border-radius: 13px;
  min-width: 86px;
  height: 36px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 850;
}

.SettingsView-module__TtnaxW__googleConnectBtn {
  background: var(--mc-primary);
  color: #fff;
}

.SettingsView-module__TtnaxW__googleDisconnectBtn {
  background: var(--mc-surface);
  color: var(--mc-muted);
}

.SettingsView-module__TtnaxW__googleConnectHint {
  color: var(--mc-muted);
  grid-column: 1 / -1;
  margin: 0;
  font-size: 12px;
}

.SettingsView-module__TtnaxW__sessionsCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 22px;
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 0;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__sessionGroupHead {
  border: 0;
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  grid-template-columns: 1fr auto 18px;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 52px;
  padding: 0 18px;
  display: grid;
}

.SettingsView-module__TtnaxW__sessionGroupHead span {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 750;
}

.SettingsView-module__TtnaxW__sessionGroupHead strong {
  color: var(--mc-muted);
  text-transform: none;
  letter-spacing: normal;
  font-size: 12.5px;
  font-weight: 750;
}

.SettingsView-module__TtnaxW__sessionRows {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  background: var(--mc-card);
  padding: 0 16px;
}

.SettingsView-module__TtnaxW__sessionRows:last-child {
  border-bottom: 0;
}

.SettingsView-module__TtnaxW__sessionRows .SettingsView-module__TtnaxW__setRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  min-height: 50px;
  padding: 12px 0;
}

.SettingsView-module__TtnaxW__sessionRows .SettingsView-module__TtnaxW__setRow:last-child {
  border-bottom: 0;
}

.SettingsView-module__TtnaxW__chevOpen {
  transition: transform .15s;
  transform: rotate(90deg);
}

.SettingsView-module__TtnaxW__signOutAllBtn {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 12%, transparent);
  width: 100%;
  height: 48px;
  color: var(--mc-danger, #ef4444);
  cursor: pointer;
  box-sizing: border-box;
  border: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 14px 0 0;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.SettingsView-module__TtnaxW__signOutAllBtn:hover {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 18%, transparent);
  border-color: color-mix(in srgb, var(--mc-danger, #ef4444) 35%, transparent);
}

.SettingsView-module__TtnaxW__signOutAllBtn:active {
  opacity: .85;
  transform: scale(.985);
}

.SettingsView-module__TtnaxW__signOutAllBtn svg {
  stroke-width: 1.5px;
  stroke: currentColor;
  fill: none;
  display: block;
  overflow: visible;
  width: 17px !important;
  height: 17px !important;
}

.SettingsView-module__TtnaxW__currencyList {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  scrollbar-width: none;
  border-radius: 18px;
  max-height: 52vh;
  padding: 4px 10px;
  overflow: auto;
}

.SettingsView-module__TtnaxW__currencyList::-webkit-scrollbar {
  display: none;
}

.SettingsView-module__TtnaxW__currencyRow {
  border: 0;
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  width: 100%;
  color: inherit;
  cursor: pointer;
  background: none;
  grid-template-columns: 58px 1fr 22px;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  display: grid;
}

.SettingsView-module__TtnaxW__currencyRow:last-child {
  border-bottom: 0;
}

.SettingsView-module__TtnaxW__currencyCode {
  color: var(--mc-text);
  letter-spacing: .02em;
  font-size: 13px;
  font-weight: 900;
}

.SettingsView-module__TtnaxW__currencyName {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__dataStoredGrid {
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 0 16px 24px;
  display: flex;
}

.SettingsView-module__TtnaxW__dataStoredGrid span {
  background: var(--mc-surface);
  color: var(--mc-muted);
  border-radius: 999px;
  padding: 7px 18px;
  font-size: 12px;
  font-weight: 750;
}

.SettingsView-module__TtnaxW__dangerRow {
  color: var(--mc-danger, #ef4444);
}

.SettingsView-module__TtnaxW__dangerRow .SettingsView-module__TtnaxW__srIcon {
  color: var(--mc-danger, #ef4444);
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 13%, transparent);
}

.SettingsView-module__TtnaxW__dangerRow .SettingsView-module__TtnaxW__srLabel {
  color: var(--mc-danger, #ef4444);
}

.SettingsView-module__TtnaxW__emptyState {
  text-align: center;
  color: var(--mc-muted);
  padding: 24px;
  font-size: 13.5px;
  font-weight: 650;
}

.SettingsView-module__TtnaxW__modalDelete {
  height: var(--mc-drawer-btn-height, 44px);
  border-radius: var(--mc-drawer-btn-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--mc-danger, #ef4444) 25%, transparent);
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 16%, transparent);
  color: var(--mc-danger, #ef4444);
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size, 14px);
  font-weight: var(--mc-drawer-btn-weight, 750);
  cursor: pointer;
}

.SettingsView-module__TtnaxW__visionDiagCard {
  background: color-mix(in srgb, var(--mc-card) 75%, transparent);
  border: 1px solid var(--mc-divider, var(--mc-border));
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  margin: 10px 14px 18px;
  padding: 14px 16px;
  display: flex;
}

.SettingsView-module__TtnaxW__visionDiagHead {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.SettingsView-module__TtnaxW__visionDiagTitle {
  color: var(--mc-text);
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.SettingsView-module__TtnaxW__visionTestBtn {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  transition: opacity .15s, transform .15s;
  display: inline-flex;
}

.SettingsView-module__TtnaxW__visionTestBtn:hover:not(:disabled) {
  transform: translateY(-1px);
}

.SettingsView-module__TtnaxW__visionTestBtn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.SettingsView-module__TtnaxW__visionDiagResult {
  border-radius: 12px;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.45;
  display: flex;
}

.SettingsView-module__TtnaxW__visionResultSuccess {
  background: color-mix(in srgb, var(--mc-income, #10b981) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--mc-income, #10b981) 30%, transparent);
  color: #34d399;
}

.SettingsView-module__TtnaxW__visionResultFail {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--mc-danger, #ef4444) 30%, transparent);
  color: #f87171;
}

.SettingsView-module__TtnaxW__visionResultTesting {
  background: color-mix(in srgb, var(--mc-primary) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--mc-primary) 30%, transparent);
  color: var(--mc-primary-start, #60a5fa);
}

.SettingsView-module__TtnaxW__visionResultTitle {
  align-items: center;
  gap: 6px;
  font-weight: 700;
  display: flex;
}

.SettingsView-module__TtnaxW__visionResultDetail {
  opacity: .9;
  word-break: break-word;
  font-size: 11.5px;
}

.SettingsView-module__TtnaxW__modelValidationChips {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.SettingsView-module__TtnaxW__modelValidationChip {
  background: var(--mc-surface);
  color: var(--mc-muted);
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.SettingsView-module__TtnaxW__modelValidationChipPass {
  background: color-mix(in srgb, var(--mc-income, #10b981) 14%, transparent);
  color: var(--mc-income, #10b981);
}

.SettingsView-module__TtnaxW__modelValidationChipFail {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 14%, transparent);
  color: var(--mc-danger, #ef4444);
}

.SettingsView-module__TtnaxW__notifItemBlock {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  flex-direction: column;
  padding: 13px 0;
  display: flex;
}

.SettingsView-module__TtnaxW__notifItemBlock:last-child {
  border-bottom: 0;
}

.SettingsView-module__TtnaxW__notifRow3Col {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.SettingsView-module__TtnaxW__notifTextCol {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

.SettingsView-module__TtnaxW__notifTextCol:hover .SettingsView-module__TtnaxW__srLabel {
  opacity: .9;
}

.SettingsView-module__TtnaxW__notifTextColDisabled {
  cursor: default;
}

.SettingsView-module__TtnaxW__middleChevronBtn {
  width: 32px;
  height: 32px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: 0;
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: color .15s, background .15s;
  display: grid;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

.SettingsView-module__TtnaxW__middleChevronBtn:focus {
  outline: none !important;
}

.SettingsView-module__TtnaxW__middleChevronBtn:focus-visible {
  outline: none !important;
}

.SettingsView-module__TtnaxW__middleChevronBtn:hover {
  color: var(--mc-text);
  background: var(--mc-surface-raised, rgba(255, 255, 255, .06));
}

.SettingsView-module__TtnaxW__notifChildList {
  flex-direction: column;
  margin-top: 8px;
  margin-bottom: -4px;
  display: flex;
}

.SettingsView-module__TtnaxW__notifChildRow {
  border-top: 1px solid var(--mc-divider, rgba(255, 255, 255, .06));
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 0;
  font-family: inherit;
  transition: opacity .15s;
  display: flex;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

.SettingsView-module__TtnaxW__notifChildRow:focus {
  outline: none !important;
}

.SettingsView-module__TtnaxW__notifChildRow:focus-visible {
  outline: none !important;
}

.SettingsView-module__TtnaxW__notifChildRow:last-child {
  padding-bottom: 2px;
}

.SettingsView-module__TtnaxW__notifChildRow:hover {
  opacity: .85;
}

.SettingsView-module__TtnaxW__childItemLeft {
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.SettingsView-module__TtnaxW__childItemIcon {
  background: var(--mc-surface-raised, rgba(255, 255, 255, .06));
  width: 30px;
  height: 30px;
  color: var(--mc-text);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.SettingsView-module__TtnaxW__childItemInfo {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.SettingsView-module__TtnaxW__childItemName {
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 700;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__childItemSub {
  color: var(--mc-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 550;
  overflow: hidden;
}

.SettingsView-module__TtnaxW__childItemRight {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.SettingsView-module__TtnaxW__childItemBadge {
  color: var(--mc-text);
  background: none;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 11.5px;
  font-weight: 700;
}

.SettingsView-module__TtnaxW__childEmpty {
  color: var(--mc-muted);
  padding: 10px 0 6px;
  font-size: 12px;
  font-style: italic;
}

/* [project]/src/components/settings/VisionModelsView.module.css [app-client] (css) */
.VisionModelsView-module__j_r_iW__modelPageSearchWrap {
  z-index: 9;
  background: var(--mc-bg, #0a0f1d);
  padding: 10px 16px 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
}

.VisionModelsView-module__j_r_iW__modelSearchBox {
  background: var(--mc-card, #111726);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 12px;
  display: flex;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

.VisionModelsView-module__j_r_iW__modelSearchIcon {
  color: var(--mc-muted, #94a3b8);
  flex-shrink: 0;
}

.VisionModelsView-module__j_r_iW__modelSearchInput {
  color: var(--mc-text, #fff);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-family: inherit;
  font-size: 13.5px;
}

.VisionModelsView-module__j_r_iW__modelSearchInput::placeholder {
  color: var(--mc-muted, #64748b);
}

.VisionModelsView-module__j_r_iW__modelSearchClear {
  color: var(--mc-muted, #94a3b8);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.VisionModelsView-module__j_r_iW__modelSearchClear:hover {
  color: var(--mc-text, #fff);
}

.VisionModelsView-module__j_r_iW__modelFilterTabs {
  scrollbar-width: none;
  z-index: 8;
  background: var(--mc-bg, #0a0f1d);
  gap: 8px;
  padding: 0 16px 10px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 106px;
  overflow-x: auto;
}

.VisionModelsView-module__j_r_iW__modelFilterTabs::-webkit-scrollbar {
  display: none;
}

.VisionModelsView-module__j_r_iW__modelFilterTab {
  color: var(--mc-muted, #94a3b8);
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 700;
  transition: all .12s;
}

.VisionModelsView-module__j_r_iW__modelFilterTab:active {
  transform: scale(.96);
}

.VisionModelsView-module__j_r_iW__modelFilterTabActive {
  background: var(--mc-primary, #3b82f6);
  border-color: var(--mc-primary, #3b82f6);
  color: #fff;
  font-weight: 800;
}

.VisionModelsView-module__j_r_iW__modelMetaBar {
  color: var(--mc-muted, #94a3b8);
  justify-content: space-between;
  align-items: center;
  padding: 2px 18px 10px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.VisionModelsView-module__j_r_iW__modelListContainer {
  padding: 0 16px calc(120px + env(safe-area-inset-bottom, 20px));
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.VisionModelsView-module__j_r_iW__modelCardItem {
  background: var(--mc-card, #111726);
  cursor: pointer;
  text-align: left;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  transition: all .15s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

.VisionModelsView-module__j_r_iW__modelCardItem:hover {
  border-color: rgba(255, 255, 255, .15);
}

.VisionModelsView-module__j_r_iW__modelCardItemActive {
  background: rgba(59, 130, 246, .06);
  border-color: rgba(59, 130, 246, .5);
  box-shadow: 0 0 0 1px rgba(59, 130, 246, .25);
}

.VisionModelsView-module__j_r_iW__modelCardTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.VisionModelsView-module__j_r_iW__modelCardName {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 800;
}

.VisionModelsView-module__j_r_iW__modelBadgeLocal {
  color: #10b981;
  background: rgba(16, 185, 129, .15);
  border: 1px solid rgba(16, 185, 129, .25);
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
}

.VisionModelsView-module__j_r_iW__modelBadgeProvider {
  color: #60a5fa;
  background: rgba(59, 130, 246, .15);
  border: 1px solid rgba(59, 130, 246, .25);
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
}

.VisionModelsView-module__j_r_iW__modelCardId {
  color: var(--mc-muted, #94a3b8);
  word-break: break-all;
  margin-top: 3px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11.5px;
}

.VisionModelsView-module__j_r_iW__modelActivePill {
  color: #10b981;
  background: rgba(16, 185, 129, .12);
  border: 1px solid rgba(16, 185, 129, .25);
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  font-size: 11.5px;
  font-weight: 800;
  display: inline-flex;
}

.VisionModelsView-module__j_r_iW__modelValidationChips {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
  display: flex;
}

.VisionModelsView-module__j_r_iW__modelValidationChip {
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
}

.VisionModelsView-module__j_r_iW__modelValidationChipPass {
  color: #34d399;
  background: rgba(16, 185, 129, .15);
  border: 1px solid rgba(16, 185, 129, .25);
}

.VisionModelsView-module__j_r_iW__modelValidationChipFail {
  color: #f87171;
  background: rgba(239, 68, 68, .15);
  border: 1px solid rgba(239, 68, 68, .25);
}

.VisionModelsView-module__j_r_iW__modelCardBottom {
  border-top: 1px solid rgba(255, 255, 255, .05);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  padding-top: 10px;
  display: flex;
}

.VisionModelsView-module__j_r_iW__modelTestStatusInline {
  flex: 1;
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.VisionModelsView-module__j_r_iW__modelStatusTesting {
  color: #60a5fa;
  align-items: center;
  gap: 4px;
  display: flex;
}

.VisionModelsView-module__j_r_iW__modelStatusOk {
  color: #10b981;
  font-weight: 750;
}

.VisionModelsView-module__j_r_iW__modelStatusFail {
  color: #ef4444;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 140px;
  font-size: 11.5px;
  overflow: hidden;
}

.VisionModelsView-module__j_r_iW__modelCardActions {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.VisionModelsView-module__j_r_iW__visionTestBtn {
  cursor: pointer;
  height: 32px;
  color: var(--mc-text, #fff);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 10px;
  align-items: center;
  gap: 5px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 750;
  transition: all .12s;
  display: flex;
}

.VisionModelsView-module__j_r_iW__visionTestBtn:hover {
  background: rgba(255, 255, 255, .14);
}

.VisionModelsView-module__j_r_iW__visionTestBtn:active {
  transform: scale(.96);
}

.VisionModelsView-module__j_r_iW__visionTestBtn:disabled {
  opacity: .6;
  cursor: default;
}

.VisionModelsView-module__j_r_iW__modelSelectBtn {
  cursor: pointer;
  background: var(--mc-primary, #3b82f6);
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: none;
  border-radius: 10px;
  height: 32px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 800;
  transition: all .12s;
}

.VisionModelsView-module__j_r_iW__modelSelectBtn:hover {
  background: #2563eb;
}

.VisionModelsView-module__j_r_iW__modelSelectBtn:active {
  transform: scale(.96);
}

.VisionModelsView-module__j_r_iW__modelSelectBtnActive {
  cursor: default;
  color: #10b981 !important;
  background: rgba(16, 185, 129, .15) !important;
  border: 1px solid rgba(16, 185, 129, .3) !important;
}

.VisionModelsView-module__j_r_iW__emptyState {
  text-align: center;
  color: var(--mc-muted, #94a3b8);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* [project]/src/components/settings/UsersView.module.css [app-client] (css) */
.UsersView-module__fH0_aa__setHead {
  z-index: 10;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 18px 12px;
  background: var(--mc-bg);
  flex-shrink: 0;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 8px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.UsersView-module__fH0_aa__backBtn {
  width: 40px;
  height: 40px;
  box-shadow: none;
  color: var(--mc-text);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, transform .15s;
  display: grid;
}

.UsersView-module__fH0_aa__backBtn:active {
  opacity: .6;
  transform: scale(.92);
}

.UsersView-module__fH0_aa__backBtn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.UsersView-module__fH0_aa__setHeadTitle {
  text-align: center;
  letter-spacing: -.015em;
  color: var(--mc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.UsersView-module__fH0_aa__setHeadGhost {
  visibility: hidden;
  width: 40px;
}

.UsersView-module__fH0_aa__setBody {
  padding: 0 18px calc(100px + env(safe-area-inset-bottom, 20px));
  scrollbar-width: none;
  flex: 1;
  overflow-y: auto;
}

.UsersView-module__fH0_aa__setBody::-webkit-scrollbar {
  display: none;
}

.UsersView-module__fH0_aa__adminConsoleCard {
  background: color-mix(in srgb, var(--mc-primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--mc-primary) 28%, transparent);
  color: inherit;
  box-sizing: border-box;
  border-radius: 18px;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding: 14px 16px;
  text-decoration: none;
  transition: transform .15s, background .15s;
  display: flex;
}

.UsersView-module__fH0_aa__adminConsoleCard:active {
  transform: scale(.985);
}

.UsersView-module__fH0_aa__adminConsoleIcon {
  background: color-mix(in srgb, var(--mc-primary) 18%, transparent);
  width: 38px;
  height: 38px;
  color: var(--mc-primary-start, #60a5fa);
  border-radius: 12px;
  flex: none;
  place-items: center;
  line-height: 0;
  display: grid;
}

.UsersView-module__fH0_aa__adminConsoleIcon svg {
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
  width: 18px !important;
  height: 18px !important;
}

.UsersView-module__fH0_aa__userGroupsCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 22px;
  margin-top: 18px;
  padding: 0;
  overflow: hidden;
}

.UsersView-module__fH0_aa__userGroupSection {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
}

.UsersView-module__fH0_aa__userGroupSection:last-child {
  border-bottom: 0;
}

.UsersView-module__fH0_aa__setRow {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  width: 100%;
  min-height: 54px;
  color: inherit;
  box-sizing: border-box;
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  font-family: inherit;
  transition: background .15s;
  display: flex;
}

.UsersView-module__fH0_aa__setRow:last-child {
  border-bottom: 0;
}

.UsersView-module__fH0_aa__setRow:active {
  background: var(--mc-surface);
}

.UsersView-module__fH0_aa__setRow svg {
  stroke-width: 1.5px;
}

.UsersView-module__fH0_aa__setIc, .UsersView-module__fH0_aa__srIcon {
  background: var(--mc-primary-soft);
  width: 36px;
  height: 36px;
  color: var(--mc-icon-accent);
  border-radius: 11px;
  flex: none;
  place-items: center;
  line-height: 0;
  display: grid;
}

.UsersView-module__fH0_aa__setIc svg, .UsersView-module__fH0_aa__srIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
  width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}

.UsersView-module__fH0_aa__srLabel {
  letter-spacing: -.01em;
  color: var(--mc-text);
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 760;
  overflow: hidden;
}

.UsersView-module__fH0_aa__srSub {
  color: var(--mc-muted);
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 600;
  display: block;
}

.UsersView-module__fH0_aa__srValue {
  color: var(--mc-muted);
  margin-left: auto;
  font-size: 12.5px;
  font-weight: 760;
}

.UsersView-module__fH0_aa__userModalContent {
  background: linear-gradient(180deg, var(--mc-card), var(--mc-surface));
  box-shadow: var(--mc-shadow-sheet);
  border-radius: 28px;
  width: 90vw;
  max-width: 420px;
  padding: 18px;
}

.UsersView-module__fH0_aa__userModalHero {
  background: var(--mc-card);
  border-radius: 22px;
  align-items: center;
  gap: 13px;
  margin-bottom: 16px;
  padding: 14px;
  display: flex;
}

.UsersView-module__fH0_aa__userModalHero h3 {
  letter-spacing: -.03em;
  color: var(--mc-text);
  margin: 0;
  font-size: 18px;
  font-weight: 900;
}

.UsersView-module__fH0_aa__userModalHero p {
  color: var(--mc-muted);
  margin: 4px 0 0;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.35;
}

.UsersView-module__fH0_aa__userModalIcon {
  background: var(--mc-card);
  width: 48px;
  height: 48px;
  color: var(--mc-primary);
  border-radius: 16px;
  flex: none;
  place-items: center;
  display: grid;
  box-shadow: 0 10px 24px rgba(44, 84, 160, .13);
}

.UsersView-module__fH0_aa__rolePicker {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 14px;
  display: grid;
}

.UsersView-module__fH0_aa__roleChip {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  min-height: 60px;
  color: var(--mc-muted);
  letter-spacing: -.01em;
  cursor: pointer;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 900;
  transition: transform .12s, border-color .12s, background .12s, color .12s;
  display: flex;
}

.UsersView-module__fH0_aa__roleChip.UsersView-module__fH0_aa__on {
  border-color: var(--mc-primary);
  background: var(--mc-primary-soft);
  color: var(--mc-primary);
}

.UsersView-module__fH0_aa__closeBlueBtn {
  width: 100%;
  min-height: var(--mc-drawer-btn-height, 48px);
  border-radius: var(--mc-drawer-btn-radius, 14px);
  background: var(--mc-primary);
  color: #fff;
  font-family: inherit;
  font-size: var(--mc-drawer-btn-size, 14px);
  font-weight: var(--mc-drawer-btn-weight, 750);
  cursor: pointer;
  border: 0;
}

.UsersView-module__fH0_aa__dangerRow {
  color: var(--mc-danger, #ef4444);
}

.UsersView-module__fH0_aa__dangerRow .UsersView-module__fH0_aa__srIcon {
  color: var(--mc-danger, #ef4444);
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 13%, transparent);
}

.UsersView-module__fH0_aa__dangerRow .UsersView-module__fH0_aa__srLabel {
  color: var(--mc-danger, #ef4444);
}

.UsersView-module__fH0_aa__invSection {
  margin-top: 24px;
}

.UsersView-module__fH0_aa__invAddBtn {
  color: var(--mc-primary, #7fa4ec);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  padding: 6px 0;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

.UsersView-module__fH0_aa__invNote {
  color: var(--mc-muted);
  margin: 4px 0 12px;
  font-size: 12px;
}

.UsersView-module__fH0_aa__invEmptyCard {
  border: 1.5px dashed var(--mc-border);
  width: 100%;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 24px;
  font-size: 13.5px;
  font-weight: 700;
  transition: background .15s, border-color .15s;
  display: flex;
}

.UsersView-module__fH0_aa__invRow {
  text-align: left;
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  cursor: pointer;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  transition: background .15s, border-color .15s;
  display: flex;
}

.UsersView-module__fH0_aa__invRow:hover {
  background: var(--mc-surface);
  border-color: var(--mc-primary);
}

.UsersView-module__fH0_aa__invRowIcon {
  color: var(--mc-icon-accent);
  flex: none;
}

.UsersView-module__fH0_aa__invRowIcon svg {
  fill: none;
  stroke: currentColor;
  display: block;
  overflow: visible;
}

.UsersView-module__fH0_aa__invBadgeActive {
  color: #4ade80;
  background: rgba(74, 222, 128, .18);
  border: 1px solid rgba(74, 222, 128, .35);
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 700;
}

.UsersView-module__fH0_aa__invBadgeOff {
  color: #f87171;
  background: rgba(248, 113, 113, .18);
  border: 1px solid rgba(248, 113, 113, .35);
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 700;
}

.UsersView-module__fH0_aa__invArchiveSection {
  border-top: 1px solid var(--mc-border);
  margin-top: 6px;
  padding-top: 8px;
}

.UsersView-module__fH0_aa__invArchiveList {
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.UsersView-module__fH0_aa__modal {
  z-index: 100;
  background: var(--mc-overlay);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  place-items: center;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.UsersView-module__fH0_aa__modalCancel {
  background: var(--mc-surface);
  height: 44px;
  color: var(--mc-text);
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  font-weight: 750;
}

.UsersView-module__fH0_aa__modalDanger {
  border: 1px solid color-mix(in srgb, var(--mc-danger, #ef4444) 25%, transparent);
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 16%, transparent);
  height: 44px;
  color: var(--mc-danger, #ef4444);
  cursor: pointer;
  border-radius: 12px;
  font-weight: 750;
}

.UsersView-module__fH0_aa__modalActions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.UsersView-module__fH0_aa__sessionGroupHead {
  border: 0;
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  width: 100%;
  height: 52px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  grid-template-columns: 1fr auto 18px;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  display: grid;
}

.UsersView-module__fH0_aa__sessionGroupHead span {
  color: var(--mc-text);
  font-size: 14px;
  font-weight: 750;
}

.UsersView-module__fH0_aa__sessionGroupHead strong {
  color: var(--mc-muted);
  font-size: 12.5px;
  font-weight: 750;
}

.UsersView-module__fH0_aa__sessionRows {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  background: var(--mc-card);
  padding: 0 16px;
}

.UsersView-module__fH0_aa__sessionRows:last-child {
  border-bottom: 0;
}

.UsersView-module__fH0_aa__chevOpen {
  transition: transform .15s;
  transform: rotate(90deg);
}

.UsersView-module__fH0_aa__invSection {
  margin-top: 20px;
  margin-bottom: 4px;
}

.UsersView-module__fH0_aa__sectionHeadTitle {
  color: var(--mc-text);
  margin: 0;
  font-size: 15px;
  font-weight: 800;
}

.UsersView-module__fH0_aa__invAddBtn {
  color: var(--mc-primary, #7fa4ec);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 5px;
  padding: 4px 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  transition: opacity .15s;
  display: inline-flex;
}

.UsersView-module__fH0_aa__invAddBtn:active {
  opacity: .7;
}

.UsersView-module__fH0_aa__invNote {
  color: var(--mc-muted);
  margin: 6px 0 12px;
  font-size: 12px;
  line-height: 1.45;
}

.UsersView-module__fH0_aa__invList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.UsersView-module__fH0_aa__invEmptyCard {
  border: 1.5px dashed var(--mc-border);
  width: 100%;
  color: var(--mc-muted);
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 16px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.UsersView-module__fH0_aa__invEmptyCard:hover {
  background: var(--mc-primary-soft);
  border-color: var(--mc-primary);
  color: var(--mc-primary);
}

.UsersView-module__fH0_aa__signOutAllBtn {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 14%, transparent);
  width: 100%;
  height: 44px;
  color: var(--mc-danger, #ef4444);
  cursor: pointer;
  border: 0;
  border-radius: 14px;
  margin-top: 10px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: opacity .15s;
}

.UsersView-module__fH0_aa__signOutAllBtn:active {
  opacity: .75;
}

.UsersView-module__fH0_aa__invModalContent, .UsersView-module__fH0_aa__invShareContent, .UsersView-module__fH0_aa__invDetailContent {
  width: min(90vw, 420px);
  max-width: 420px;
}

.UsersView-module__fH0_aa__invLimitRow {
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

.UsersView-module__fH0_aa__invStepBtn {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  width: 38px;
  height: 38px;
  color: var(--mc-text);
  cursor: pointer;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  transition: background .15s, border-color .15s;
  display: flex;
}

.UsersView-module__fH0_aa__invStepBtn:hover {
  background: var(--mc-surface);
  border-color: var(--mc-primary);
}

.UsersView-module__fH0_aa__invStepBtn:disabled {
  opacity: .4;
  cursor: default;
}

.UsersView-module__fH0_aa__invLimitInput {
  text-align: center;
  background: var(--mc-surface);
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  border-radius: 10px;
  flex: 1;
  padding: 8px 12px;
  font-size: 15px;
  font-weight: 700;
}

.UsersView-module__fH0_aa__invLimitInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.UsersView-module__fH0_aa__invLimitInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.UsersView-module__fH0_aa__invShareBox {
  color: var(--mc-text);
  white-space: pre-wrap;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  max-height: 260px;
  margin: 16px 0;
  padding: 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.6;
  overflow-x: auto;
}

.UsersView-module__fH0_aa__invShareActions {
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.UsersView-module__fH0_aa__invCopyLinkBtn {
  border: 1.5px solid var(--mc-border);
  color: var(--mc-primary, #7fa4ec);
  cursor: pointer;
  background: none;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  transition: background .15s, border-color .15s;
}

.UsersView-module__fH0_aa__invCopyLinkBtn:hover {
  background: var(--mc-primary-soft);
  border-color: var(--mc-primary);
}

.UsersView-module__fH0_aa__invShareWarn {
  color: var(--mc-muted);
  margin: 14px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.UsersView-module__fH0_aa__invDetailRows {
  flex-direction: column;
  gap: 10px;
  margin: 8px 0 16px;
  display: flex;
}

.UsersView-module__fH0_aa__invDetailRow {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

.UsersView-module__fH0_aa__invDetailRow span {
  color: var(--mc-muted);
  font-size: 13px;
}

.UsersView-module__fH0_aa__invDetailRow strong {
  color: var(--mc-text);
  font-size: 13px;
  font-weight: 700;
}

.UsersView-module__fH0_aa__invJoinedSection {
  margin: 4px 0 16px;
}

.UsersView-module__fH0_aa__invJoinedSection h4 {
  color: var(--mc-text);
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 800;
}

.UsersView-module__fH0_aa__invJoinedList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.UsersView-module__fH0_aa__invJoinedRow {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.UsersView-module__fH0_aa__invRevokeNote {
  color: var(--mc-muted);
  text-align: center;
  margin: 12px 0 0;
  font-size: 12px;
}

.UsersView-module__fH0_aa__invDetailHeroCard {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  border-radius: 18px;
  margin-bottom: 14px;
  padding: 14px;
}

.UsersView-module__fH0_aa__invTesterTableWrap {
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  -webkit-overflow-scrolling: touch;
  border-radius: 16px;
  width: 100%;
  overflow-x: auto;
}

.UsersView-module__fH0_aa__invTesterTable {
  border-collapse: collapse;
  width: 100%;
  min-width: 860px;
  color: var(--mc-text);
  font-size: 12px;
}

.UsersView-module__fH0_aa__invTesterTable th, .UsersView-module__fH0_aa__invTesterTable td {
  border-bottom: 1px solid var(--mc-divider, var(--mc-border));
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  padding: 11px 10px;
}

.UsersView-module__fH0_aa__invTesterTable th {
  color: var(--mc-muted);
  letter-spacing: .06em;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--mc-surface) 72%, transparent);
  font-size: 10.5px;
  font-weight: 850;
}

.UsersView-module__fH0_aa__invTesterTable tbody tr:last-child td {
  border-bottom: 0;
}

.UsersView-module__fH0_aa__invTesterTable td:not(:first-child) {
  color: var(--mc-text);
  font-weight: 800;
}

.UsersView-module__fH0_aa__invTesterName {
  min-width: 170px;
}

.UsersView-module__fH0_aa__invTesterName strong, .UsersView-module__fH0_aa__invTesterName span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.UsersView-module__fH0_aa__invTesterName strong {
  color: var(--mc-text);
  font-size: 13px;
  font-weight: 850;
}

.UsersView-module__fH0_aa__invTesterName span {
  color: var(--mc-muted);
  margin-top: 2px;
  font-size: 11px;
  font-weight: 700;
}

.UsersView-module__fH0_aa__setGroup {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  border-radius: 22px;
  margin-bottom: 14px;
  padding: 2px 16px;
  overflow: hidden;
}

.UsersView-module__fH0_aa__setSection {
  letter-spacing: -.01em;
  color: var(--mc-muted);
  justify-content: space-between;
  align-items: center;
  margin: 18px 4px 8px;
  font-size: 13px;
  font-weight: 750;
  display: flex;
}

.UsersView-module__fH0_aa__addAccountBtn {
  border: 1.5px dashed var(--mc-border);
  background: var(--mc-card);
  width: 100%;
  height: 52px;
  color: var(--mc-muted);
  cursor: pointer;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 750;
  transition: all .15s;
  display: flex;
}

.UsersView-module__fH0_aa__addAccountBtn:hover {
  border-color: var(--mc-primary);
  color: var(--mc-text);
  background: var(--mc-surface);
}

.UsersView-module__fH0_aa__addAccountBtn:active {
  transform: scale(.985);
}

.UsersView-module__fH0_aa__addAccountBtn svg {
  color: var(--mc-icon-accent);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  display: block;
  overflow: visible;
}

.UsersView-module__fH0_aa__emptyState {
  text-align: center;
  color: var(--mc-muted);
  padding: 24px;
  font-size: 13.5px;
  font-weight: 650;
}

.UsersView-module__fH0_aa__error {
  color: var(--mc-danger, #ef4444);
  text-align: center;
  margin: 8px 0 12px;
  font-size: 13px;
  font-weight: 700;
}

.UsersView-module__fH0_aa__fieldLabel {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mc-muted);
  margin: 6px 0;
  font-size: 11px;
  font-weight: 800;
}

.UsersView-module__fH0_aa__mutedNote {
  color: var(--mc-muted);
  margin: 16px 6px 0;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.5;
}

.UsersView-module__fH0_aa__modalContent {
  background: var(--mc-card);
  width: min(90vw, 360px);
  box-shadow: var(--mc-shadow-sheet);
  border-radius: 24px;
  padding: 24px;
}

.UsersView-module__fH0_aa__modalInput {
  border: 1px solid var(--mc-border);
  background: var(--mc-surface);
  width: 100%;
  height: 48px;
  font: inherit;
  color: var(--mc-text);
  box-sizing: border-box;
  border-radius: 14px;
  outline: none;
  margin-bottom: 12px;
  padding: 0 14px;
  font-size: 14px;
}

.UsersView-module__fH0_aa__modalPrimary, .UsersView-module__fH0_aa__modalSave {
  background: var(--mc-primary);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 44px;
  font-weight: 750;
  display: flex;
}

.UsersView-module__fH0_aa__modalText {
  color: var(--mc-muted);
  margin: 8px 0 16px;
  font-size: 13.5px;
  line-height: 1.45;
}

.UsersView-module__fH0_aa__accountGroupTitleRow {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 2px;
  display: flex;
}

/* [project]/src/components/rewards/EarnByPostingDrawer.module.css [app-client] (css) */
.EarnByPostingDrawer-module__8YM7wW__container {
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__introDesc {
  color: var(--mc-muted, #8e8e93);
  margin: 0 0 4px;
  font-size: 13.5px;
  line-height: 1.45;
}

.EarnByPostingDrawer-module__8YM7wW__tiersCard {
  background: var(--mc-card, #1c1c1e);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 14px;
  overflow: hidden;
}

.EarnByPostingDrawer-module__8YM7wW__tierRow {
  border-bottom: 1px solid rgba(255, 255, 255, .05);
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__tierRow:last-child {
  border-bottom: none;
}

.EarnByPostingDrawer-module__8YM7wW__tierLikes {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 550;
}

.EarnByPostingDrawer-module__8YM7wW__tierReward {
  color: #30d158;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 600;
}

.EarnByPostingDrawer-module__8YM7wW__tierRowFeatured {
  background: rgba(255, 255, 255, .02);
}

.EarnByPostingDrawer-module__8YM7wW__tierRowFeatured .EarnByPostingDrawer-module__8YM7wW__tierReward {
  color: #30d158;
  font-weight: 700;
}

.EarnByPostingDrawer-module__8YM7wW__rulesBox {
  background: var(--mc-surface, #2c2c2e);
  color: var(--mc-muted, #aeaeb2);
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 12.5px;
  line-height: 1.5;
}

.EarnByPostingDrawer-module__8YM7wW__rulesList {
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__formSection {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__fieldGroup {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__fieldLabel {
  color: var(--mc-muted, #8e8e93);
  font-size: 12px;
  font-weight: 600;
}

.EarnByPostingDrawer-module__8YM7wW__fieldHint {
  color: var(--mc-muted, #8e8e93);
  margin-top: 2px;
  font-size: 11.5px;
}

.EarnByPostingDrawer-module__8YM7wW__platformRow {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  gap: 8px;
  margin: 0 -2px;
  padding: 2px 2px 6px;
  display: flex;
  overflow-x: auto;
}

.EarnByPostingDrawer-module__8YM7wW__platformRow::-webkit-scrollbar {
  display: none;
}

.EarnByPostingDrawer-module__8YM7wW__platformBtn {
  background: var(--mc-card, #1c1c1e);
  color: var(--mc-muted, #8e8e93);
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  flex: none;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  transition: all .15s;
}

.EarnByPostingDrawer-module__8YM7wW__platformBtn:hover:not(.EarnByPostingDrawer-module__8YM7wW__platformBtnActive) {
  color: var(--mc-text, #fff);
  background: rgba(255, 255, 255, .05);
}

.EarnByPostingDrawer-module__8YM7wW__platformBtnActive {
  background: var(--mc-text, #fff);
  border-color: var(--mc-text, #fff);
  color: #000;
}

.EarnByPostingDrawer-module__8YM7wW__input {
  box-sizing: border-box;
  background: var(--mc-card, #1c1c1e);
  width: 100%;
  color: var(--mc-text, #fff);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  outline: none;
  padding: 12px 14px;
  font-size: 14px;
  transition: border-color .15s;
}

.EarnByPostingDrawer-module__8YM7wW__input:focus {
  border-color: rgba(255, 255, 255, .3);
}

.EarnByPostingDrawer-module__8YM7wW__input::placeholder {
  color: rgba(255, 255, 255, .25);
}

.EarnByPostingDrawer-module__8YM7wW__screenshotDropzone {
  background: var(--mc-card, #1c1c1e);
  cursor: pointer;
  border: 1.5px dashed rgba(255, 255, 255, .15);
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 20px 16px;
  transition: border-color .15s, background .15s;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__screenshotDropzone:hover {
  background: rgba(255, 255, 255, .02);
  border-color: rgba(255, 255, 255, .3);
}

.EarnByPostingDrawer-module__8YM7wW__screenshotDropzoneText {
  color: var(--mc-text, #fff);
  font-size: 13.5px;
  font-weight: 600;
}

.EarnByPostingDrawer-module__8YM7wW__screenshotPreviewWrapper {
  background: #000;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  width: 100%;
  max-height: 200px;
  position: relative;
  overflow: hidden;
}

.EarnByPostingDrawer-module__8YM7wW__screenshotPreviewImg {
  object-fit: cover;
  width: 100%;
  max-height: 200px;
  display: block;
}

.EarnByPostingDrawer-module__8YM7wW__removeScreenshotBtn {
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, .7);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.EarnByPostingDrawer-module__8YM7wW__submitBtn {
  color: #000;
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 700;
  transition: opacity .15s;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__submitBtn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.EarnByPostingDrawer-module__8YM7wW__historySection {
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__historyTitle {
  color: var(--mc-muted, #8e8e93);
  font-size: 13px;
  font-weight: 600;
}

.EarnByPostingDrawer-module__8YM7wW__claimCard {
  background: var(--mc-card, #1c1c1e);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__claimCardHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__claimPlatform {
  color: var(--mc-text, #fff);
  text-transform: capitalize;
  font-size: 13.5px;
  font-weight: 650;
}

.EarnByPostingDrawer-module__8YM7wW__statusBadge {
  text-transform: capitalize;
  border-radius: 6px;
  padding: 2.5px 8px;
  font-size: 11px;
  font-weight: 700;
}

.EarnByPostingDrawer-module__8YM7wW__statusPending {
  color: #ff9f0a;
  background: rgba(255, 159, 10, .15);
}

.EarnByPostingDrawer-module__8YM7wW__statusApproved {
  color: #30d158;
  background: rgba(48, 209, 88, .15);
}

.EarnByPostingDrawer-module__8YM7wW__statusRejected {
  color: #ff453a;
  background: rgba(255, 69, 58, .15);
}

.EarnByPostingDrawer-module__8YM7wW__claimDetails {
  color: var(--mc-muted, #8e8e93);
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  display: flex;
}

.EarnByPostingDrawer-module__8YM7wW__claimNotes {
  color: #ff453a;
  background: rgba(255, 69, 58, .08);
  border-radius: 6px;
  margin-top: 4px;
  padding: 6px 8px;
  font-size: 11.5px;
}

/* [project]/src/components/settings/BillingView.module.css [app-client] (css) */
.BillingView-module__uQjouq__billingContainer {
  padding: 0 16px calc(90px + env(safe-area-inset-bottom, 24px));
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.BillingView-module__uQjouq__billingContainer::-webkit-scrollbar {
  display: none;
}

.BillingView-module__uQjouq__sectionHeader {
  letter-spacing: -.01em;
  color: var(--mc-muted, #8e8e93);
  margin: 13px 12px 5px;
  font-size: 13px;
  font-weight: 650;
}

.BillingView-module__uQjouq__sectionHeader:first-child {
  margin-top: 2px;
}

.BillingView-module__uQjouq__billingCard {
  background: var(--mc-card, #1c1c1e);
  box-shadow: none;
  border-radius: 16px;
  overflow: hidden;
}

.BillingView-module__uQjouq__currentPlanRow {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px 8px;
  display: flex;
}

.BillingView-module__uQjouq__currentPlanInfo {
  flex: 1;
  min-width: 0;
}

.BillingView-module__uQjouq__currentPlanRightCol {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 4px;
  display: flex;
}

button.BillingView-module__uQjouq__usageToggleBtnHeader, .BillingView-module__uQjouq__usageToggleBtnHeader {
  cursor: pointer;
  color: var(--mc-muted, #8e8e93);
  letter-spacing: -.01em;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  align-items: center;
  gap: 3px;
  padding: 2px 0;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
  transition: color .15s, opacity .15s !important;
  transform: none !important;
}

button.BillingView-module__uQjouq__usageToggleBtnHeader:hover, .BillingView-module__uQjouq__usageToggleBtnHeader:hover {
  color: #fff;
  transform: none !important;
}

button.BillingView-module__uQjouq__usageToggleBtnHeader:active, .BillingView-module__uQjouq__usageToggleBtnHeader:active {
  opacity: .6;
  transform: none !important;
}

.BillingView-module__uQjouq__currentPlanTitle {
  letter-spacing: -.015em;
  color: var(--mc-text, #fff);
  font-size: 15px;
  font-weight: 650;
}

.BillingView-module__uQjouq__currentPlanSubtitle {
  color: var(--mc-muted, #8e8e93);
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.35;
}

.BillingView-module__uQjouq__currentPlanBadge {
  color: var(--mc-muted, #8e8e93);
  background: rgba(255, 255, 255, .08);
  border-radius: 5px;
  flex-shrink: 0;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 600;
}

.BillingView-module__uQjouq__currentPlanBadgeWarning {
  color: #ff9f0a;
  background: rgba(255, 159, 10, .16);
  border-radius: 5px;
  flex-shrink: 0;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 600;
}

.BillingView-module__uQjouq__currentPlanBadgeActive {
  color: #30d158;
  background: rgba(48, 209, 88, .16);
  border-radius: 5px;
  flex-shrink: 0;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 600;
}

.BillingView-module__uQjouq__capacityBarWrap {
  flex-direction: column;
  gap: 8px;
  padding: 0 14px 12px;
  display: flex;
}

.BillingView-module__uQjouq__capacityBar {
  background: rgba(255, 255, 255, .1);
  border-radius: 999px;
  width: 100%;
  height: 5px;
  display: flex;
  overflow: hidden;
}

.BillingView-module__uQjouq__segmentAccounts {
  background: #0051c7;
  height: 100%;
  transition: width .3s cubic-bezier(.16, 1, .3, 1);
}

.BillingView-module__uQjouq__segmentBudgets {
  background: #2985ff;
  height: 100%;
  transition: width .3s cubic-bezier(.16, 1, .3, 1);
}

.BillingView-module__uQjouq__segmentScans {
  background: #70c5ff;
  height: 100%;
  transition: width .3s cubic-bezier(.16, 1, .3, 1);
}

.BillingView-module__uQjouq__capacityLegend {
  color: var(--mc-muted, #8e8e93);
  letter-spacing: -.01em;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding-top: 1px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.BillingView-module__uQjouq__legendItem {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.BillingView-module__uQjouq__legendDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 5px;
  height: 5px;
}

.BillingView-module__uQjouq__dotAccounts {
  background: #0051c7;
}

.BillingView-module__uQjouq__dotBudgets {
  background: #2985ff;
}

.BillingView-module__uQjouq__dotScans {
  background: #70c5ff;
}

.BillingView-module__uQjouq__currentPlanFooter {
  color: var(--mc-muted, #8e8e93);
  padding: 0 16px 14px;
  font-size: 12px;
}

.BillingView-module__uQjouq__cancelNotice {
  color: #ff9f0a;
}

.BillingView-module__uQjouq__usageChevron {
  transform-origin: center;
  color: inherit;
  transition: transform .2s;
}

.BillingView-module__uQjouq__usageChevronOpen {
  transform: rotate(180deg);
}

.BillingView-module__uQjouq__usageDetailsWrap {
  background: none;
  border: 0;
  flex-direction: column;
  padding: 0 14px 12px;
  animation: .15s ease-out BillingView-module__uQjouq__fadeInUsage;
  display: flex;
}

@keyframes BillingView-module__uQjouq__fadeInUsage {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.BillingView-module__uQjouq__usageGroupHeader {
  color: var(--mc-muted, #8e8e93);
  letter-spacing: -.01em;
  border: 0;
  padding: 10px 0 4px;
  font-size: 10.5px;
  font-weight: 600;
}

.BillingView-module__uQjouq__usageGroupHeader:first-child {
  border-top: .5px solid rgba(255, 255, 255, .08);
  padding-top: 6px;
}

.BillingView-module__uQjouq__usageRow {
  background: none;
  border: 0;
  border-bottom: .5px solid rgba(255, 255, 255, .05);
  grid-template-columns: 1fr 56px 54px;
  align-items: center;
  column-gap: 12px;
  padding: 6.5px 0;
  display: grid;
}

.BillingView-module__uQjouq__usageRow:last-child, .BillingView-module__uQjouq__usageRowNoBorder {
  border-bottom: none;
}

.BillingView-module__uQjouq__usageRowLabel {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 11.5px;
  font-weight: 500;
  overflow: hidden;
}

.BillingView-module__uQjouq__usageBarTrack {
  background: rgba(255, 255, 255, .1);
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  width: 56px;
  height: 3px;
  display: flex;
  overflow: hidden;
}

.BillingView-module__uQjouq__usageBarFill {
  border-radius: 999px;
  height: 100%;
  transition: width .25s;
}

.BillingView-module__uQjouq__usageRowValue {
  width: 54px;
  color: var(--mc-muted, #8e8e93);
  text-align: right;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
}

.BillingView-module__uQjouq__usageRowValueLimit {
  color: #ff9f0a;
  font-weight: 600;
}

.BillingView-module__uQjouq__usageRowValueExceeded {
  color: #ff453a;
  font-weight: 600;
}

.BillingView-module__uQjouq__paidButtonsWrap {
  flex-direction: column;
  gap: 8px;
  padding: 0 16px 14px;
  display: flex;
}

.BillingView-module__uQjouq__secondaryActionBtn {
  background: var(--mc-surface, #2c2c2e);
  width: 100%;
  min-height: 40px;
  color: var(--mc-text, #fff);
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  transition: opacity .15s;
}

.BillingView-module__uQjouq__secondaryActionBtn:active {
  opacity: .7;
}

.BillingView-module__uQjouq__upgradeHeroCard {
  background: var(--mc-card, #1c1c1e);
  box-shadow: none;
  border-radius: 16px;
  flex-direction: column;
  padding: 13px 14px 11px;
  display: flex;
}

.BillingView-module__uQjouq__cycleToggleTrack {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 999px;
  gap: 3px;
  margin-bottom: 10px;
  padding: 3px;
  display: flex;
}

button.BillingView-module__uQjouq__cycleToggleBtn, .BillingView-module__uQjouq__cycleToggleBtn {
  color: rgba(255, 255, 255, .6);
  letter-spacing: -.01em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 999px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 500;
  display: flex;
  transition: all .18s !important;
  transform: none !important;
}

button.BillingView-module__uQjouq__cycleToggleBtn:hover:not(.BillingView-module__uQjouq__cycleToggleBtnActive), .BillingView-module__uQjouq__cycleToggleBtn:hover:not(.BillingView-module__uQjouq__cycleToggleBtnActive) {
  color: rgba(255, 255, 255, .85);
}

button.BillingView-module__uQjouq__cycleToggleBtn:not(:disabled):active, .BillingView-module__uQjouq__cycleToggleBtn:active {
  opacity: .8;
  transform: none !important;
}

button.BillingView-module__uQjouq__cycleToggleBtnActive, .BillingView-module__uQjouq__cycleToggleBtnActive, button.BillingView-module__uQjouq__cycleToggleBtnActive:hover, .BillingView-module__uQjouq__cycleToggleBtnActive:hover {
  color: #fff;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .08);
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}

.BillingView-module__uQjouq__cycleSavingsPill {
  color: #34c759;
  letter-spacing: .01em;
  background: rgba(52, 199, 89, .15);
  border-radius: 999px;
  padding: 1.5px 6px;
  font-size: 9.5px;
  font-weight: 600;
}

.BillingView-module__uQjouq__planCardsStack {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}

.BillingView-module__uQjouq__planOptionCard {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .024);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 11px 13px;
  transition: border-color .18s, background .18s;
  display: flex;
  transform: none !important;
}

.BillingView-module__uQjouq__planOptionCard:hover:not(.BillingView-module__uQjouq__planOptionCardActive) {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .14);
}

.BillingView-module__uQjouq__planOptionCard:not(:disabled):active, .BillingView-module__uQjouq__planOptionCard:active {
  transform: none !important;
}

.BillingView-module__uQjouq__planOptionCard.BillingView-module__uQjouq__planOptionCardActive {
  background: rgba(10, 132, 255, .04);
  border-color: rgba(10, 132, 255, .42);
}

.BillingView-module__uQjouq__planOptionCard.BillingView-module__uQjouq__planOptionCardActive:hover {
  background: rgba(10, 132, 255, .055);
  border-color: rgba(10, 132, 255, .52);
}

.BillingView-module__uQjouq__planOptionCard:focus {
  outline: none;
}

.BillingView-module__uQjouq__planCardInfo {
  pointer-events: none;
  flex-direction: column;
  gap: 2.5px;
  display: flex;
}

.BillingView-module__uQjouq__planCardNameRow {
  align-items: center;
  gap: 6px;
  display: flex;
}

.BillingView-module__uQjouq__planCardName {
  color: #fff;
  letter-spacing: -.015em;
  font-size: 13.5px;
  font-weight: 650;
}

.BillingView-module__uQjouq__popularBadge {
  color: #ff9f0a;
  letter-spacing: .01em;
  background: rgba(255, 159, 10, .14);
  border-radius: 4px;
  padding: 1.5px 6px;
  font-size: 9.5px;
  font-weight: 600;
}

.BillingView-module__uQjouq__planCardPrice {
  color: var(--mc-muted, #8e8e93);
  align-items: baseline;
  gap: 3px;
  font-size: 11.5px;
  display: flex;
}

.BillingView-module__uQjouq__planCardPriceValue {
  color: #fff;
  align-items: center;
  gap: 2px;
  font-weight: 600;
  display: inline-flex;
}

.BillingView-module__uQjouq__planCardPriceInterval {
  color: var(--mc-muted, #8e8e93);
  font-size: 11px;
}

.BillingView-module__uQjouq__planRadioRing {
  box-sizing: border-box;
  pointer-events: none;
  background: none;
  border: 1.5px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  transition: all .18s;
  display: flex;
}

.BillingView-module__uQjouq__planRadioRingActive {
  background: #007aff;
  border-color: #007aff;
}

.BillingView-module__uQjouq__planRadioDot {
  box-sizing: border-box;
  background: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin: 0;
  padding: 0;
  transition: transform .18s, opacity .18s;
}

.BillingView-module__uQjouq__compareToggleRow {
  justify-content: space-between;
  align-items: center;
  margin: 7px 0 11px;
  padding: 0 1px;
  display: flex;
}

button.BillingView-module__uQjouq__toggleComparisonBtn, .BillingView-module__uQjouq__toggleComparisonBtn {
  cursor: pointer;
  color: var(--mc-muted, #8e8e93);
  letter-spacing: -.01em;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 6px;
  flex-shrink: 0;
  align-items: center;
  gap: 3.5px;
  padding: 3px 4px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-flex;
  transition: color .15s, opacity .15s !important;
  transform: none !important;
}

button.BillingView-module__uQjouq__toggleComparisonBtn:hover, .BillingView-module__uQjouq__toggleComparisonBtn:hover {
  color: #fff;
  transform: none !important;
}

button.BillingView-module__uQjouq__toggleComparisonBtn:active, button.BillingView-module__uQjouq__toggleComparisonBtn:not(:disabled):active, .BillingView-module__uQjouq__toggleComparisonBtn:active {
  opacity: .6;
  transform: none !important;
}

.BillingView-module__uQjouq__toggleChevron {
  transform-origin: center;
  color: inherit;
  transition: transform .2s;
}

.BillingView-module__uQjouq__toggleChevronOpen {
  transform: rotate(180deg);
}

.BillingView-module__uQjouq__featureTable {
  background: none;
  border: 0;
  margin: 0 0 14px;
}

.BillingView-module__uQjouq__featureTableHead {
  width: 100%;
  color: inherit;
  background: none;
  border: 0;
  border-bottom: .5px solid rgba(255, 255, 255, .08);
  grid-template-columns: 1fr 74px 86px;
  align-items: center;
  padding: 8px 0;
  font-family: inherit;
  display: grid;
}

.BillingView-module__uQjouq__tableHeadLabel {
  color: var(--mc-muted, #8e8e93);
  letter-spacing: -.01em;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.BillingView-module__uQjouq__featureTableBody {
  animation: .15s ease-out BillingView-module__uQjouq__fadeInTable;
}

@keyframes BillingView-module__uQjouq__fadeInTable {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.BillingView-module__uQjouq__featureTableRow {
  background: none;
  border: 0;
  border-bottom: .5px solid rgba(255, 255, 255, .06);
  grid-template-columns: 1fr 74px 86px;
  align-items: center;
  padding: 6.5px 0;
  font-size: 11.5px;
  display: grid;
}

.BillingView-module__uQjouq__featureTableRow:last-child {
  border-bottom: .5px solid rgba(255, 255, 255, .08);
}

.BillingView-module__uQjouq__featureLabel {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  font-weight: 500;
}

.BillingView-module__uQjouq__tableColCenter {
  text-align: center;
  color: var(--mc-muted, #8e8e93);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  font-size: 11px;
}

.BillingView-module__uQjouq__tableColRight {
  text-align: right;
  color: var(--mc-muted, #8e8e93);
  letter-spacing: -.01em;
  font-size: 11px;
  font-weight: 600;
}

.BillingView-module__uQjouq__tableColHighlight {
  text-align: right;
  color: #fff;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  font-size: 11px;
  font-weight: 600;
}

.BillingView-module__uQjouq__primaryActionBtn {
  color: #fff;
  letter-spacing: -.01em;
  cursor: pointer;
  width: 100%;
  min-height: 42px;
  box-shadow: none;
  background: #007aff;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  font-size: 13.5px;
  font-weight: 600;
  transition: opacity .15s;
  display: flex;
  transform: none !important;
}

.BillingView-module__uQjouq__primaryActionBtn:hover {
  opacity: .92;
  transform: none !important;
}

.BillingView-module__uQjouq__primaryActionBtn:not(:disabled):active, .BillingView-module__uQjouq__primaryActionBtn:active {
  opacity: .75;
  transform: none !important;
}

.BillingView-module__uQjouq__primaryActionBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none !important;
}

.BillingView-module__uQjouq__primaryActionBtnExpanded {
  margin-top: 18px;
}

.BillingView-module__uQjouq__btnContentWrap {
  align-items: center;
  gap: 7px;
  display: flex;
}

.BillingView-module__uQjouq__textLinkBtn {
  color: var(--mc-muted, #8e8e93);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
  margin: 0;
  padding: 3px 4px;
  font-size: 11.5px;
  font-weight: 500;
  transition: color .15s, opacity .15s;
  display: inline-flex;
  transform: none !important;
}

.BillingView-module__uQjouq__textLinkBtn:hover {
  color: #fff;
  transform: none !important;
}

.BillingView-module__uQjouq__textLinkBtn:not(:disabled):active, .BillingView-module__uQjouq__textLinkBtn:active {
  opacity: .6;
  transform: none !important;
}

.BillingView-module__uQjouq__upgradeCardFootnote {
  color: var(--mc-muted, #8e8e93);
  text-align: center;
  letter-spacing: -.01em;
  opacity: .85;
  margin-top: 8px;
  font-size: 10.5px;
  line-height: 1.35;
}

.BillingView-module__uQjouq__navRow {
  cursor: pointer;
  width: 100%;
  min-height: 42px;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  padding: 9px 14px;
  font-family: inherit;
  transition: background .12s;
  display: flex;
  position: relative;
}

.BillingView-module__uQjouq__navRow:not(:last-child):after {
  content: "";
  background: rgba(255, 255, 255, .08);
  height: .5px;
  position: absolute;
  bottom: 0;
  left: 48px;
  right: 0;
}

.BillingView-module__uQjouq__navRow:active {
  background: rgba(255, 255, 255, .05);
}

.BillingView-module__uQjouq__navRowLeft {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.BillingView-module__uQjouq__navRowIcon {
  background: var(--mc-surface, #2c2c2e);
  width: 24px;
  height: 24px;
  color: var(--mc-muted, #8e8e93);
  border-radius: 6px;
  flex: none;
  place-items: center;
  display: grid;
}

.BillingView-module__uQjouq__navRowIcon svg {
  stroke-width: 1.5px;
  display: block;
}

.BillingView-module__uQjouq__navRowLabel {
  letter-spacing: -.01em;
  color: var(--mc-text, #fff);
  font-size: 12px;
  font-weight: 500;
}

.BillingView-module__uQjouq__navRowChevron {
  color: var(--mc-muted, #8e8e93);
  opacity: .45;
  flex-shrink: 0;
}

.BillingView-module__uQjouq__promoForm {
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.BillingView-module__uQjouq__promoInput {
  background: var(--mc-surface, #2c2c2e);
  color: #fff;
  border: .5px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  outline: none;
  flex: 1;
  padding: 7px 10px;
  font-family: inherit;
  font-size: 13px;
}

.BillingView-module__uQjouq__promoInput:focus {
  border-color: #007aff;
}

.BillingView-module__uQjouq__promoSubmit {
  color: #fff;
  cursor: pointer;
  background: #007aff;
  border: 0;
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 12.5px;
  font-weight: 600;
  transition: opacity .15s;
}

.BillingView-module__uQjouq__promoSubmit:active {
  opacity: .7;
}

.BillingView-module__uQjouq__promoSubmit:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.BillingView-module__uQjouq__upgradePageBody {
  padding-bottom: calc(140px + env(safe-area-inset-bottom, 32px));
  flex-direction: column;
  gap: 14px;
  padding: 0 16px;
  display: flex;
}

.BillingView-module__uQjouq__planCycleSwitcher {
  background: #1c1c1e;
  border: .5px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  gap: 3px;
  margin-bottom: 6px;
  padding: 2.5px;
  display: flex;
}

.BillingView-module__uQjouq__planCycleBtn {
  color: #8e8e93;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 11px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.BillingView-module__uQjouq__planCycleBtnActive {
  color: #fff;
  background: #3a3a3c;
  font-weight: 650;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .28);
}

.BillingView-module__uQjouq__saveTag {
  color: #30d158;
  background: rgba(48, 209, 88, .12);
  border-radius: 6px;
  padding: 1px 6px;
  font-size: 10.5px;
  font-weight: 600;
}

.BillingView-module__uQjouq__planCycleBtnActive .BillingView-module__uQjouq__saveTag {
  color: #30d158;
  background: rgba(48, 209, 88, .16);
}

.BillingView-module__uQjouq__planCardHeroPro {
  background: var(--mc-card, #1c1c1e);
  box-shadow: none;
  border: none;
  border-radius: 18px;
  flex-direction: column;
  gap: 14px;
  padding: 20px 18px;
  display: flex;
}

.BillingView-module__uQjouq__heroProHead {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.BillingView-module__uQjouq__heroProBadgeWrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.BillingView-module__uQjouq__heroProLogo {
  background: rgba(0, 122, 255, .15);
  border-radius: 10px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.BillingView-module__uQjouq__heroProPill {
  letter-spacing: .04em;
  color: #007aff;
  background: none;
  border-radius: 6px;
  padding: 2.5px 8px;
  font-size: 10.5px;
  font-weight: 700;
}

.BillingView-module__uQjouq__heroProMeta {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.BillingView-module__uQjouq__heroProTitle {
  letter-spacing: -.02em;
  color: var(--mc-text, #fff);
  margin: 0;
  font-size: 20px;
  font-weight: 750;
}

.BillingView-module__uQjouq__heroProDesc {
  color: var(--mc-muted, #8e8e93);
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

.BillingView-module__uQjouq__heroProPriceRow {
  align-items: baseline;
  gap: 6px;
  padding-top: 2px;
  display: flex;
}

.BillingView-module__uQjouq__heroProPrice {
  color: var(--mc-text, #fff);
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 800;
}

.BillingView-module__uQjouq__heroProInterval {
  color: var(--mc-muted, #8e8e93);
  font-size: 13px;
  font-weight: 600;
}

.BillingView-module__uQjouq__planFeatureSectionTitle {
  letter-spacing: .04em;
  color: var(--mc-muted, #8e8e93);
  margin-top: 4px;
  font-size: 11.5px;
  font-weight: 700;
}

.BillingView-module__uQjouq__planFeatureList {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.BillingView-module__uQjouq__planFeatureItem {
  color: var(--mc-text, #fff);
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 550;
  display: flex;
}

.BillingView-module__uQjouq__planFeatureCheck {
  color: #007aff;
  flex: none;
  place-items: center;
  display: grid;
}

.BillingView-module__uQjouq__heroProCtaBtn {
  color: #fff;
  cursor: pointer;
  width: 100%;
  min-height: 48px;
  box-shadow: none;
  background: #007aff;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 650;
  transition: opacity .15s, transform .12s;
  display: flex;
}

.BillingView-module__uQjouq__heroProCtaBtn:active {
  opacity: .75;
  transform: scale(.985);
}

.BillingView-module__uQjouq__heroProCtaBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.BillingView-module__uQjouq__heroProLegal {
  color: var(--mc-muted, #8e8e93);
  text-align: center;
  font-size: 11.5px;
}

.BillingView-module__uQjouq__planCardSecondary {
  background: var(--mc-card, #1c1c1e);
  box-shadow: none;
  border: none;
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  display: flex;
}

.BillingView-module__uQjouq__secondaryHead {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.BillingView-module__uQjouq__secondaryTitle {
  color: var(--mc-text, #fff);
  font-size: 16px;
  font-weight: 750;
}

.BillingView-module__uQjouq__secondaryDesc {
  color: var(--mc-muted, #8e8e93);
  margin-top: 1px;
  font-size: 12.5px;
}

.BillingView-module__uQjouq__secondaryPriceRow {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.BillingView-module__uQjouq__secondaryPrice {
  color: var(--mc-text, #fff);
  font-size: 17px;
  font-weight: 750;
}

.BillingView-module__uQjouq__secondaryInterval {
  color: var(--mc-muted, #8e8e93);
  font-size: 12px;
}

.BillingView-module__uQjouq__secondarySummaryList {
  color: var(--mc-muted, #8e8e93);
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
  font-size: 12.5px;
  list-style: outside;
  display: flex;
}

.BillingView-module__uQjouq__tierSecondaryBtn {
  background: var(--mc-surface, #2c2c2e);
  width: 100%;
  min-height: 40px;
  color: var(--mc-text, #fff);
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 650;
  transition: opacity .15s;
  display: flex;
}

.BillingView-module__uQjouq__tierSecondaryBtn:active {
  opacity: .7;
}

.BillingView-module__uQjouq__planCardFreeAnchor {
  background: color-mix(in srgb, var(--mc-surface, #2c2c2e) 40%, transparent);
  box-shadow: none;
  border: none;
  border-radius: 16px;
  padding: 14px 16px;
}

.BillingView-module__uQjouq__freeAnchorHead {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.BillingView-module__uQjouq__freeAnchorTitle {
  color: var(--mc-muted, #8e8e93);
  font-size: 14px;
  font-weight: 650;
}

.BillingView-module__uQjouq__freeAnchorDesc {
  color: var(--mc-muted, #8e8e93);
  margin-top: 1px;
  font-size: 12px;
}

.BillingView-module__uQjouq__freeCurrentBadge {
  color: #30d158;
  background: rgba(48, 209, 88, .15);
  border-radius: 6px;
  flex-shrink: 0;
  padding: 2.5px 8px;
  font-size: 11px;
  font-weight: 650;
}

.BillingView-module__uQjouq__planDisclaimer {
  text-align: center;
  flex-direction: column;
  gap: 8px;
  padding: 16px 8px 32px;
  display: flex;
}

.BillingView-module__uQjouq__disclaimerText {
  color: var(--mc-muted, #8e8e93);
  font-size: 11.5px;
  line-height: 1.45;
}

.BillingView-module__uQjouq__disclaimerLinks {
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.BillingView-module__uQjouq__disclaimerLink {
  color: #007aff;
  text-decoration: none;
}

.BillingView-module__uQjouq__disclaimerDot {
  color: var(--mc-muted, #8e8e93);
}

.BillingView-module__uQjouq__rewardsPromoCard {
  background: var(--mc-card, #1c1c1e);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: none;
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
  padding: 16px 16px 14px;
  transition: background .15s;
  display: flex;
}

.BillingView-module__uQjouq__rewardsPromoCard:hover {
  background: rgba(255, 255, 255, .03);
}

.BillingView-module__uQjouq__rewardsPromoCard:active {
  opacity: .85;
}

.BillingView-module__uQjouq__rewardsTitleRow {
  align-items: center;
  gap: 10px;
  display: flex;
}

.BillingView-module__uQjouq__rewardsIconBubble {
  width: 32px;
  height: 32px;
  color: var(--mc-text, #fff);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.BillingView-module__uQjouq__rewardsPromoTitle {
  letter-spacing: -.02em;
  color: var(--mc-text, #fff);
  margin: 0;
  font-size: 17.5px;
  font-weight: 750;
}

.BillingView-module__uQjouq__rewardsPromoDesc {
  color: var(--mc-muted, #8e8e93);
  margin: 2px 0 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.BillingView-module__uQjouq__rewardsPromoActionRow {
  border-top: .5px solid rgba(255, 255, 255, .08);
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding-top: 12px;
  display: flex;
}

.BillingView-module__uQjouq__rewardsActionLabel {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 700;
}

.BillingView-module__uQjouq__rewardsActionArrow {
  color: #000;
  background: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: transform .15s;
  display: flex;
}

.BillingView-module__uQjouq__rewardsPromoCard:hover .BillingView-module__uQjouq__rewardsActionArrow {
  transform: translateX(2px);
}

/* [project]/src/components/settings/FeedbackView.module.css [app-client] (css) */
.FeedbackView-module__rpF_CG__container {
  padding: 0 16px calc(110px + env(safe-area-inset-bottom, 24px));
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 18px;
  display: flex;
  overflow-y: auto;
}

.FeedbackView-module__rpF_CG__container::-webkit-scrollbar {
  display: none;
}

.FeedbackView-module__rpF_CG__introDesc {
  color: var(--mc-muted, #8e8e93);
  margin: 4px 2px 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.FeedbackView-module__rpF_CG__fieldGroup {
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
  display: flex;
}

.FeedbackView-module__rpF_CG__fieldLabel {
  color: var(--mc-muted, #8e8e93);
  margin-left: 2px;
  font-size: 12px;
  font-weight: 600;
}

.FeedbackView-module__rpF_CG__categoryRow {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  gap: 8px;
  margin: 0 -2px;
  padding: 2px 2px 6px;
  display: flex;
  overflow-x: auto;
}

.FeedbackView-module__rpF_CG__categoryRow::-webkit-scrollbar {
  display: none;
}

.FeedbackView-module__rpF_CG__categoryBtn {
  background: var(--mc-card, #1c1c1e);
  color: var(--mc-muted, #8e8e93);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.FeedbackView-module__rpF_CG__categoryBtn:hover:not(.FeedbackView-module__rpF_CG__categoryBtnActive) {
  color: var(--mc-text, #fff);
  background: rgba(255, 255, 255, .05);
}

.FeedbackView-module__rpF_CG__categoryBtnActive {
  background: var(--mc-text, #fff);
  border-color: var(--mc-text, #fff);
  color: #000;
}

.FeedbackView-module__rpF_CG__ratingCard {
  background: var(--mc-card, #1c1c1e);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.FeedbackView-module__rpF_CG__starsRow {
  gap: 6px;
  display: flex;
}

.FeedbackView-module__rpF_CG__starBtn {
  cursor: pointer;
  color: rgba(255, 255, 255, .2);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: transform .12s, color .12s;
  display: flex;
}

.FeedbackView-module__rpF_CG__starBtn:hover {
  transform: scale(1.15);
}

.FeedbackView-module__rpF_CG__starFilled {
  color: #fc0;
}

.FeedbackView-module__rpF_CG__ratingLabelText {
  color: var(--mc-muted, #8e8e93);
  font-size: 12.5px;
  font-weight: 600;
}

.FeedbackView-module__rpF_CG__textarea {
  box-sizing: border-box;
  background: var(--mc-card, #1c1c1e);
  width: 100%;
  color: var(--mc-text, #fff);
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  outline: none;
  min-height: 110px;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  transition: border-color .15s;
}

.FeedbackView-module__rpF_CG__textarea:focus {
  border-color: rgba(255, 255, 255, .3);
}

.FeedbackView-module__rpF_CG__textarea::placeholder {
  color: rgba(255, 255, 255, .25);
}

.FeedbackView-module__rpF_CG__input {
  box-sizing: border-box;
  background: var(--mc-card, #1c1c1e);
  width: 100%;
  color: var(--mc-text, #fff);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  outline: none;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 14px;
  transition: border-color .15s;
}

.FeedbackView-module__rpF_CG__input:focus {
  border-color: rgba(255, 255, 255, .3);
}

.FeedbackView-module__rpF_CG__input::placeholder {
  color: rgba(255, 255, 255, .25);
}

.FeedbackView-module__rpF_CG__screenshotDropzone {
  background: var(--mc-card, #1c1c1e);
  cursor: pointer;
  border: 1.5px dashed rgba(255, 255, 255, .15);
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 18px 16px;
  transition: all .15s;
  display: flex;
}

.FeedbackView-module__rpF_CG__screenshotDropzone:hover {
  background: rgba(255, 255, 255, .02);
  border-color: rgba(255, 255, 255, .3);
}

.FeedbackView-module__rpF_CG__screenshotDropzoneText {
  color: var(--mc-text, #fff);
  font-size: 13px;
  font-weight: 600;
}

.FeedbackView-module__rpF_CG__fieldHint {
  color: var(--mc-muted, #8e8e93);
  font-size: 11px;
}

.FeedbackView-module__rpF_CG__screenshotPreviewWrapper {
  background: #000;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  width: 100%;
  max-height: 180px;
  position: relative;
  overflow: hidden;
}

.FeedbackView-module__rpF_CG__screenshotPreviewImg {
  object-fit: contain;
  width: 100%;
  max-height: 180px;
  display: block;
}

.FeedbackView-module__rpF_CG__removeScreenshotBtn {
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, .75);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  transition: background .15s;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.FeedbackView-module__rpF_CG__removeScreenshotBtn:hover {
  background: rgba(255, 69, 58, .8);
}

.FeedbackView-module__rpF_CG__submitBtn {
  background: var(--mc-text, #fff);
  color: #000;
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 46px;
  margin-top: 6px;
  font-size: 14.5px;
  font-weight: 700;
  transition: opacity .15s;
  display: flex;
}

.FeedbackView-module__rpF_CG__submitBtn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.FeedbackView-module__rpF_CG__successCard {
  background: var(--mc-card, #1c1c1e);
  text-align: center;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding: 32px 20px;
  display: flex;
}

.FeedbackView-module__rpF_CG__successIconCircle {
  color: #30d158;
  background: rgba(48, 209, 88, .12);
  border: 1px solid rgba(48, 209, 88, .25);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  display: flex;
}

.FeedbackView-module__rpF_CG__successTitle {
  color: var(--mc-text, #fff);
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

.FeedbackView-module__rpF_CG__successText {
  color: var(--mc-muted, #8e8e93);
  max-width: 280px;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.FeedbackView-module__rpF_CG__doneBtn {
  background: var(--mc-text, #fff);
  color: #000;
  cursor: pointer;
  border: none;
  border-radius: 12px;
  width: 100%;
  max-width: 200px;
  min-height: 42px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
}

.FeedbackView-module__rpF_CG__headerNewBtn {
  background: var(--mc-text, #fff);
  color: #000;
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  height: 32px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.FeedbackView-module__rpF_CG__headerNewBtn:hover {
  opacity: .95;
  transform: scale(1.03);
}

.FeedbackView-module__rpF_CG__headerNewBtn:active {
  transform: scale(.96);
}

.FeedbackView-module__rpF_CG__tabSwitch {
  background: var(--mc-card, #1c1c1e);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  gap: 4px;
  margin-top: 2px;
  padding: 4px;
  display: flex;
}

.FeedbackView-module__rpF_CG__tabItem {
  color: var(--mc-muted, #8e8e93);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 650;
  transition: all .15s;
  display: flex;
}

.FeedbackView-module__rpF_CG__tabItemActive {
  color: var(--mc-text, #fff);
  background: rgba(255, 255, 255, .12);
}

.FeedbackView-module__rpF_CG__tabBadge {
  color: var(--mc-text, #fff);
  background: rgba(255, 255, 255, .15);
  border-radius: 999px;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 700;
}

.FeedbackView-module__rpF_CG__tabBadgeActive {
  color: #fff;
  background: #0a84ff;
}

.FeedbackView-module__rpF_CG__reportsContainer {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.FeedbackView-module__rpF_CG__filterRow {
  scrollbar-width: none;
  gap: 8px;
  display: flex;
  overflow-x: auto;
}

.FeedbackView-module__rpF_CG__filterRow::-webkit-scrollbar {
  display: none;
}

.FeedbackView-module__rpF_CG__filterChip {
  background: var(--mc-card, #1c1c1e);
  color: var(--mc-muted, #8e8e93);
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: all .12s;
}

.FeedbackView-module__rpF_CG__filterChipActive {
  color: var(--mc-text, #fff);
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .3);
}

.FeedbackView-module__rpF_CG__reportCard {
  background: var(--mc-card, #1c1c1e);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  display: flex;
}

.FeedbackView-module__rpF_CG__reportHeader {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.FeedbackView-module__rpF_CG__reportMetaLeft {
  align-items: center;
  gap: 8px;
  display: flex;
}

.FeedbackView-module__rpF_CG__categoryTag {
  color: var(--mc-muted, #8e8e93);
  background: rgba(255, 255, 255, .05);
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  font-size: 11.5px;
  font-weight: 650;
  display: inline-flex;
}

.FeedbackView-module__rpF_CG__reportDate {
  color: var(--mc-muted, #8e8e93);
  font-size: 11.5px;
}

.FeedbackView-module__rpF_CG__statusBadge {
  text-transform: capitalize;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.FeedbackView-module__rpF_CG__statusNew {
  color: #ff9f0a;
  background: rgba(255, 159, 10, .15);
  border: 1px solid rgba(255, 159, 10, .3);
}

.FeedbackView-module__rpF_CG__statusInProgress {
  color: #0a84ff;
  background: rgba(10, 132, 255, .15);
  border: 1px solid rgba(10, 132, 255, .3);
}

.FeedbackView-module__rpF_CG__statusResolved {
  color: #30d158;
  background: rgba(48, 209, 88, .15);
  border: 1px solid rgba(48, 209, 88, .3);
}

.FeedbackView-module__rpF_CG__statusArchived {
  color: #8e8e93;
  background: rgba(142, 142, 147, .15);
  border: 1px solid rgba(142, 142, 147, .3);
}

.FeedbackView-module__rpF_CG__reportSubject {
  color: var(--mc-text, #fff);
  margin: 0;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.35;
}

.FeedbackView-module__rpF_CG__reportMessage {
  color: var(--mc-text, #fff);
  white-space: pre-wrap;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.FeedbackView-module__rpF_CG__reportFooter {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.FeedbackView-module__rpF_CG__reportStars {
  gap: 2px;
  display: flex;
}

.FeedbackView-module__rpF_CG__teamResponseBox {
  background: rgba(10, 132, 255, .06);
  border: 1px solid rgba(10, 132, 255, .22);
  border-left: 3px solid #0a84ff;
  border-radius: 10px;
  flex-direction: column;
  gap: 6px;
  margin-top: 2px;
  padding: 10px 12px;
  display: flex;
}

.FeedbackView-module__rpF_CG__teamResponseHeader {
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  display: flex;
}

.FeedbackView-module__rpF_CG__teamResponseAuthor {
  color: #60a5fa;
  text-transform: uppercase;
  letter-spacing: .03em;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 750;
  display: inline-flex;
}

.FeedbackView-module__rpF_CG__teamResponseDate {
  color: var(--mc-muted, #8e8e93);
  font-size: 11px;
}

.FeedbackView-module__rpF_CG__teamResponseText {
  color: #f1f5f9;
  white-space: pre-wrap;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.FeedbackView-module__rpF_CG__awaitingResponseNotice {
  color: var(--mc-muted, #8e8e93);
  background: rgba(255, 255, 255, .03);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 11.5px;
  display: flex;
}

.FeedbackView-module__rpF_CG__emptyState {
  text-align: center;
  border-radius: 18px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 36px;
  padding: 36px 20px;
  display: flex;
}

.FeedbackView-module__rpF_CG__emptyIconCircle {
  width: 64px;
  height: 64px;
  color: var(--mc-muted, #8e8e93);
  justify-content: center;
  align-items: center;
  display: flex;
}

.FeedbackView-module__rpF_CG__emptyTitle {
  color: var(--mc-text, #fff);
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

.FeedbackView-module__rpF_CG__emptyText {
  color: var(--mc-muted, #8e8e93);
  max-width: 260px;
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
}

.FeedbackView-module__rpF_CG__emptyActionBtn {
  background: var(--mc-text, #fff);
  color: #000;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  margin-top: 6px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 650;
}

/* [project]/src/components/rewards/EarnByPostingView.module.css [app-client] (css) */
.EarnByPostingView-module__o92VsW__container {
  padding: 0 16px calc(90px + env(safe-area-inset-bottom, 24px));
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  display: flex;
  overflow-y: auto;
}

.EarnByPostingView-module__o92VsW__container::-webkit-scrollbar {
  display: none;
}

.EarnByPostingView-module__o92VsW__introDesc {
  color: var(--mc-muted, #8e8e93);
  margin: 4px 4px 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

.EarnByPostingView-module__o92VsW__tiersCard {
  background: var(--mc-card, #1c1c1e);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 14px;
  overflow: hidden;
}

.EarnByPostingView-module__o92VsW__tierRow {
  border-bottom: 1px solid rgba(255, 255, 255, .05);
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.EarnByPostingView-module__o92VsW__tierRow:last-child {
  border-bottom: none;
}

.EarnByPostingView-module__o92VsW__tierLikes {
  color: var(--mc-text, #fff);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 550;
}

.EarnByPostingView-module__o92VsW__tierReward {
  color: #30d158;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 600;
}

.EarnByPostingView-module__o92VsW__tierRowFeatured {
  background: rgba(255, 255, 255, .02);
}

.EarnByPostingView-module__o92VsW__tierRowFeatured .EarnByPostingView-module__o92VsW__tierReward {
  color: #30d158;
  font-weight: 700;
}

.EarnByPostingView-module__o92VsW__rulesBox {
  background: var(--mc-card, #1c1c1e);
  color: var(--mc-muted, #aeaeb2);
  border-radius: 16px;
  padding: 14px 16px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

.EarnByPostingView-module__o92VsW__rulesList {
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
  display: flex;
}

.EarnByPostingView-module__o92VsW__formSection {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.EarnByPostingView-module__o92VsW__fieldGroup {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.EarnByPostingView-module__o92VsW__fieldLabel {
  color: var(--mc-muted, #8e8e93);
  margin-left: 4px;
  font-size: 12px;
  font-weight: 600;
}

.EarnByPostingView-module__o92VsW__fieldHint {
  color: var(--mc-muted, #8e8e93);
  margin: 2px 4px 0;
  font-size: 11.5px;
}

.EarnByPostingView-module__o92VsW__platformRow {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  gap: 8px;
  margin: 0 -2px;
  padding: 2px 2px 6px;
  display: flex;
  overflow-x: auto;
}

.EarnByPostingView-module__o92VsW__platformRow::-webkit-scrollbar {
  display: none;
}

.EarnByPostingView-module__o92VsW__platformBtn {
  background: var(--mc-card, #1c1c1e);
  color: var(--mc-muted, #8e8e93);
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  flex: none;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 650;
  transition: all .15s;
}

.EarnByPostingView-module__o92VsW__platformBtn:hover:not(.EarnByPostingView-module__o92VsW__platformBtnActive) {
  color: var(--mc-text, #fff);
  background: rgba(255, 255, 255, .05);
}

.EarnByPostingView-module__o92VsW__platformBtnActive {
  background: var(--mc-text, #fff);
  border-color: var(--mc-text, #fff);
  color: #000;
}

.EarnByPostingView-module__o92VsW__input {
  box-sizing: border-box;
  background: var(--mc-card, #1c1c1e);
  width: 100%;
  color: var(--mc-text, #fff);
  border: none;
  border-radius: 14px;
  outline: none;
  padding: 13px 16px;
  font-size: 14px;
  transition: box-shadow .15s;
}

.EarnByPostingView-module__o92VsW__input:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .2);
}

.EarnByPostingView-module__o92VsW__input::placeholder {
  color: rgba(255, 255, 255, .25);
}

.EarnByPostingView-module__o92VsW__screenshotDropzone {
  background: var(--mc-card, #1c1c1e);
  cursor: pointer;
  border: 1.5px dashed rgba(255, 255, 255, .15);
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px 16px;
  transition: border-color .15s, background .15s;
  display: flex;
}

.EarnByPostingView-module__o92VsW__screenshotDropzone:hover {
  background: rgba(255, 255, 255, .02);
  border-color: rgba(255, 255, 255, .3);
}

.EarnByPostingView-module__o92VsW__screenshotDropzoneText {
  color: var(--mc-text, #fff);
  font-size: 13.5px;
  font-weight: 650;
}

.EarnByPostingView-module__o92VsW__screenshotPreviewWrapper {
  background: #000;
  border-radius: 16px;
  width: 100%;
  max-height: 220px;
  position: relative;
  overflow: hidden;
}

.EarnByPostingView-module__o92VsW__screenshotPreviewImg {
  object-fit: cover;
  width: 100%;
  max-height: 220px;
  display: block;
}

.EarnByPostingView-module__o92VsW__removeScreenshotBtn {
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, .7);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.EarnByPostingView-module__o92VsW__submitBtn {
  color: #000;
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  margin-top: 4px;
  font-size: 15px;
  font-weight: 700;
  transition: opacity .15s;
  display: flex;
}

.EarnByPostingView-module__o92VsW__submitBtn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.EarnByPostingView-module__o92VsW__historySection {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

.EarnByPostingView-module__o92VsW__historyTitle {
  color: var(--mc-muted, #8e8e93);
  margin-left: 4px;
  font-size: 13px;
  font-weight: 600;
}

.EarnByPostingView-module__o92VsW__claimCard {
  background: var(--mc-card, #1c1c1e);
  border-radius: 14px;
  flex-direction: column;
  gap: 6px;
  padding: 13px 16px;
  display: flex;
}

.EarnByPostingView-module__o92VsW__claimCardHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.EarnByPostingView-module__o92VsW__claimPlatform {
  color: var(--mc-text, #fff);
  text-transform: capitalize;
  font-size: 13.5px;
  font-weight: 650;
}

.EarnByPostingView-module__o92VsW__statusBadge {
  text-transform: capitalize;
  border-radius: 6px;
  padding: 2.5px 8px;
  font-size: 11px;
  font-weight: 700;
}

.EarnByPostingView-module__o92VsW__statusPending {
  color: #ff9f0a;
  background: rgba(255, 159, 10, .15);
}

.EarnByPostingView-module__o92VsW__statusApproved {
  color: #30d158;
  background: rgba(48, 209, 88, .15);
}

.EarnByPostingView-module__o92VsW__statusRejected {
  color: #ff453a;
  background: rgba(255, 69, 58, .15);
}

.EarnByPostingView-module__o92VsW__claimDetails {
  color: var(--mc-muted, #8e8e93);
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  display: flex;
}

.EarnByPostingView-module__o92VsW__claimNotes {
  color: #ff453a;
  background: rgba(255, 69, 58, .08);
  border-radius: 6px;
  margin-top: 4px;
  padding: 6px 8px;
  font-size: 11.5px;
}

/* [project]/src/components/notifications/NotificationScreen.module.css [app-client] (css) */
.NotificationScreen-module__L8L56a__overlay {
  z-index: 10000;
  background: var(--mc-bg);
  color: var(--mc-text);
  flex-direction: column;
  animation: .24s cubic-bezier(.16, 1, .3, 1) both NotificationScreen-module__L8L56a__notifSlideIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes NotificationScreen-module__L8L56a__notifSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.NotificationScreen-module__L8L56a__topBar {
  padding: calc(env(safe-area-inset-top, 0px)  + 14px) 20px 14px;
  background: var(--mc-bg);
  -webkit-backdrop-filter: blur(20px);
  z-index: 10;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.NotificationScreen-module__L8L56a__titleWrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

.NotificationScreen-module__L8L56a__title {
  letter-spacing: -.02em;
  color: var(--mc-text);
  margin: 0;
  font-size: 20px;
  font-weight: 850;
  line-height: 1.2;
}

.NotificationScreen-module__L8L56a__countBadge {
  background: var(--mc-primary-soft);
  min-width: 22px;
  height: 22px;
  color: var(--mc-icon-accent);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-size: 11.5px;
  font-weight: 850;
  display: inline-flex;
}

.NotificationScreen-module__L8L56a__headerActions {
  align-items: center;
  gap: 2px;
  display: flex;
}

.NotificationScreen-module__L8L56a__clearBtn {
  color: var(--mc-muted);
  letter-spacing: -.01em;
  cursor: pointer;
  background: none;
  border: none;
  padding: 6px 4px;
  font-size: 13.5px;
  font-weight: 750;
  transition: color .15s;
}

.NotificationScreen-module__L8L56a__clearBtn:hover {
  color: var(--mc-text);
}

.NotificationScreen-module__L8L56a__closeBtn {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  aspect-ratio: 1;
  background: none;
  border: 0;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: all .15s;
  display: grid;
}

.NotificationScreen-module__L8L56a__closeBtn:hover {
  color: var(--mc-text);
  background: var(--mc-card);
}

.NotificationScreen-module__L8L56a__closeBtn:active {
  transform: scale(.92);
}

.NotificationScreen-module__L8L56a__content {
  -webkit-overflow-scrolling: touch;
  min-height: 0;
  padding: 16px 16px calc(env(safe-area-inset-bottom, 24px)  + 32px);
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 12px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  overflow-y: auto;
}

.NotificationScreen-module__L8L56a__emptyState {
  text-align: center;
  color: var(--mc-muted);
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: auto 0;
  padding: 48px 20px;
  display: flex;
}

.NotificationScreen-module__L8L56a__emptyIconWrap {
  background: var(--mc-primary-soft);
  width: 64px;
  height: 64px;
  color: var(--mc-icon-accent);
  border-radius: 20px;
  place-items: center;
  display: grid;
}

.NotificationScreen-module__L8L56a__emptyState h3 {
  letter-spacing: -.015em;
  color: var(--mc-text);
  margin: 0;
  font-size: 17px;
  font-weight: 850;
}

.NotificationScreen-module__L8L56a__emptyState p {
  max-width: 260px;
  color: var(--mc-muted);
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

.NotificationScreen-module__L8L56a__swipeWrapper {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 20px;
  flex-shrink: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.NotificationScreen-module__L8L56a__swipeDeleteBg {
  background: var(--mc-danger, #ef4444);
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  border-radius: 20px;
  justify-content: flex-end;
  align-items: center;
  padding-right: 22px;
  transition: opacity .15s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.NotificationScreen-module__L8L56a__swipeDeleteBg.NotificationScreen-module__L8L56a__active {
  opacity: 1;
}

.NotificationScreen-module__L8L56a__swipeTrashIcon {
  color: #fff;
  transition: transform .15s cubic-bezier(.16, 1, .3, 1);
}

.NotificationScreen-module__L8L56a__notifCard {
  background: var(--mc-card);
  box-shadow: var(--mc-shadow-card);
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  color: inherit;
  font: inherit;
  z-index: 2;
  will-change: transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 20px;
  flex-direction: column;
  padding: 13px 15px;
  transition: transform .22s cubic-bezier(.2, .9, .3, 1), background .18s, opacity .2s;
  display: flex;
  position: relative;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

.NotificationScreen-module__L8L56a__notifCard:focus {
  outline: none !important;
}

.NotificationScreen-module__L8L56a__notifCard:focus-visible {
  outline: none !important;
}

.NotificationScreen-module__L8L56a__notifCard.NotificationScreen-module__L8L56a__swiping {
  transition: none !important;
}

.NotificationScreen-module__L8L56a__notifCard.NotificationScreen-module__L8L56a__dismissing {
  opacity: 0;
  transform: translateX(-105%) !important;
}

.NotificationScreen-module__L8L56a__notifCard:hover {
  background: var(--mc-surface);
}

.NotificationScreen-module__L8L56a__notifCard:active {
  transform: scale(.99);
}

.NotificationScreen-module__L8L56a__notifMainRow {
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.NotificationScreen-module__L8L56a__notifThumbWrap {
  background: var(--mc-primary-soft);
  width: 42px;
  height: 42px;
  color: var(--mc-icon-accent);
  border-radius: 14px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.NotificationScreen-module__L8L56a__notifThumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.NotificationScreen-module__L8L56a__thumbPlaceholder {
  width: 100%;
  height: 100%;
  color: var(--mc-icon-accent);
  background: var(--mc-primary-soft);
  place-items: center;
  display: grid;
}

.NotificationScreen-module__L8L56a__thumbBlue {
  background: var(--mc-primary-soft);
  color: var(--mc-icon-accent);
}

.NotificationScreen-module__L8L56a__thumbWarn {
  color: #f59e0b;
  background: rgba(245, 158, 11, .14);
}

.NotificationScreen-module__L8L56a__thumbDanger {
  background: color-mix(in srgb, var(--mc-danger, #ef4444) 16%, transparent);
  color: var(--mc-danger);
}

.NotificationScreen-module__L8L56a__thumbVoice {
  color: var(--mc-icon-accent);
  background: var(--mc-primary-soft);
}

.NotificationScreen-module__L8L56a__thumbSpinner {
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--mc-primary) 45%, transparent), transparent);
  animation: 1.5s ease-in-out infinite alternate NotificationScreen-module__L8L56a__thumbSweep;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes NotificationScreen-module__L8L56a__thumbSweep {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(100%);
  }
}

.NotificationScreen-module__L8L56a__notifBody {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.NotificationScreen-module__L8L56a__notifTopRow {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.NotificationScreen-module__L8L56a__merchantName {
  letter-spacing: -.015em;
  color: var(--mc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 750;
  overflow: hidden;
}

.NotificationScreen-module__L8L56a__notifBadge {
  letter-spacing: -.01em;
  white-space: nowrap;
  background: none;
  flex-shrink: 0;
  align-items: center;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.NotificationScreen-module__L8L56a__badgeBlue {
  color: var(--mc-icon-accent);
  background: none;
}

.NotificationScreen-module__L8L56a__badgeAmber {
  color: #f59e0b;
  background: none;
}

.NotificationScreen-module__L8L56a__badgeRed {
  color: var(--mc-danger, #ef4444);
  background: none;
}

.NotificationScreen-module__L8L56a__badgeGreen {
  color: #10b981;
  background: none;
}

.NotificationScreen-module__L8L56a__notifSubRow {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.NotificationScreen-module__L8L56a__amountText {
  letter-spacing: -.01em;
  color: var(--mc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 11px;
  font-weight: 550;
  line-height: 1.35;
  overflow: hidden;
}

.NotificationScreen-module__L8L56a__notifTime {
  color: var(--mc-muted);
  opacity: .8;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 550;
}

.NotificationScreen-module__L8L56a__notifRightCol {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-self: stretch;
  align-items: flex-end;
  gap: 6px;
  padding-left: 2px;
  display: flex;
}

.NotificationScreen-module__L8L56a__cardCloseBtn {
  width: 22px;
  height: 22px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  place-items: center;
  margin: 0;
  padding: 0;
  transition: color .12s, transform .12s, background .12s;
  display: grid;
}

@media (hover: hover) and (pointer: fine) {
  .NotificationScreen-module__L8L56a__cardCloseBtn:hover {
    color: var(--mc-danger, #ef4444);
    background: color-mix(in srgb, var(--mc-danger, #ef4444) 12%, transparent);
  }
}

.NotificationScreen-module__L8L56a__cardCloseBtn:active {
  transform: scale(.88);
}

.NotificationScreen-module__L8L56a__cardCloseBtn:focus {
  outline: none;
}

.NotificationScreen-module__L8L56a__cardCloseBtn:focus:not(:focus-visible) {
  color: var(--mc-muted);
  background: none;
}

.NotificationScreen-module__L8L56a__chevron {
  color: var(--mc-muted);
  transition: transform .22s cubic-bezier(.16, 1, .3, 1), color .15s;
}

.NotificationScreen-module__L8L56a__chevronOpen {
  color: var(--mc-muted);
  transform: rotate(90deg) !important;
}

.NotificationScreen-module__L8L56a__expandablePanel {
  grid-template-rows: 0fr;
  width: 100%;
  transition: grid-template-rows .24s cubic-bezier(.16, 1, .3, 1), margin .24s cubic-bezier(.16, 1, .3, 1);
  display: grid;
}

.NotificationScreen-module__L8L56a__expandablePanel.NotificationScreen-module__L8L56a__expanded {
  grid-template-rows: 1fr;
  margin-top: 10px;
}

.NotificationScreen-module__L8L56a__expandInner {
  flex-direction: column;
  min-height: 0;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.NotificationScreen-module__L8L56a__expandablePanel.NotificationScreen-module__L8L56a__expanded .NotificationScreen-module__L8L56a__expandInner {
  padding-bottom: 4px;
}

.NotificationScreen-module__L8L56a__metaHeadline {
  color: var(--mc-text);
  text-align: center;
  margin: 0 0 8px;
  font-size: 11.5px;
  font-weight: 550;
  line-height: 1.45;
}

.NotificationScreen-module__L8L56a__metaList {
  background: var(--mc-surface-raised, rgba(129, 129, 129, .04));
  border: 1px solid var(--mc-divider, rgba(255, 255, 255, .043));
  border-radius: 12px;
  flex-direction: column;
  margin: 0 0 12px;
  display: flex;
  overflow: hidden;
}

.NotificationScreen-module__L8L56a__metaRow {
  border-bottom: 1px solid var(--mc-border, rgba(255, 255, 255, .043));
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 33px;
  padding: 8px 12px;
  display: flex;
}

.NotificationScreen-module__L8L56a__metaRow:last-child {
  border-bottom: none;
}

.NotificationScreen-module__L8L56a__metaNoteRow {
  min-height: 33px;
  color: var(--mc-text);
  text-align: center;
  border-bottom: 1px solid var(--mc-border, rgba(255, 255, 255, .043));
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 11.5px;
  font-weight: 550;
  line-height: 1.45;
  display: flex;
}

.NotificationScreen-module__L8L56a__metaRowLabel {
  color: var(--mc-muted);
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 500;
}

.NotificationScreen-module__L8L56a__metaRowValue {
  letter-spacing: -.01em;
  color: var(--mc-text);
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 550;
  overflow: hidden;
}

.NotificationScreen-module__L8L56a__metaRowValueAccent {
  color: #f59e0b;
}

.NotificationScreen-module__L8L56a__metaRowValueDanger {
  color: var(--mc-danger, #ef4444);
}

.NotificationScreen-module__L8L56a__metaRowValueMuted {
  color: var(--mc-muted);
  font-style: italic;
  font-weight: 500;
}

.NotificationScreen-module__L8L56a__expandActionsRow {
  flex-shrink: 0;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  display: flex;
}

.NotificationScreen-module__L8L56a__actionBtnPrimary {
  background: var(--mc-primary);
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width: 0;
  height: auto;
  min-height: 40px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  transition: all .15s;
  display: inline-flex;
}

.NotificationScreen-module__L8L56a__actionBtnPrimary:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.NotificationScreen-module__L8L56a__actionBtnPrimary:active {
  transform: scale(.96);
}

.NotificationScreen-module__L8L56a__actionBtnSecondary {
  background: var(--mc-secondary-btn-bg, rgba(255, 255, 255, .07));
  min-width: 0;
  height: auto;
  min-height: 40px;
  color: var(--mc-text);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .1));
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  transition: all .15s;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .NotificationScreen-module__L8L56a__actionBtnSecondary:hover {
    background: rgba(255, 255, 255, .12);
  }
}

.NotificationScreen-module__L8L56a__actionBtnSecondary:active {
  transform: scale(.96);
}

.NotificationScreen-module__L8L56a__actionBtnSecondary:focus {
  outline: none;
}

.NotificationScreen-module__L8L56a__actionBtnSecondary:focus:not(:focus-visible) {
  background: var(--mc-secondary-btn-bg, rgba(255, 255, 255, .07));
}

.NotificationScreen-module__L8L56a__actionIconBtn {
  background: var(--mc-secondary-btn-bg, rgba(255, 255, 255, .07));
  width: 40px;
  min-width: 40px;
  height: 40px;
  color: var(--mc-muted);
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .1));
  cursor: pointer;
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

@media (hover: hover) and (pointer: fine) {
  .NotificationScreen-module__L8L56a__actionIconBtn:hover {
    color: var(--mc-text);
    background: rgba(255, 255, 255, .13);
    transform: translateY(-1px);
  }
}

.NotificationScreen-module__L8L56a__actionIconBtn:active {
  transform: scale(.92);
}

.NotificationScreen-module__L8L56a__actionIconBtn:focus {
  outline: none;
}

.NotificationScreen-module__L8L56a__actionIconBtn:focus:not(:focus-visible) {
  background: var(--mc-secondary-btn-bg, rgba(255, 255, 255, .07));
  color: var(--mc-muted);
}

.NotificationScreen-module__L8L56a__dismissRow {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.NotificationScreen-module__L8L56a__dismissLinkBtn {
  color: var(--mc-muted);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  padding: 4px 6px 0;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  transition: color .15s, opacity .15s;
  display: inline-flex;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

.NotificationScreen-module__L8L56a__dismissLinkBtnDanger:hover {
  color: var(--mc-danger, #ef4444);
}

.NotificationScreen-module__L8L56a__dismissLinkBtn:hover {
  color: var(--mc-text);
}

.NotificationScreen-module__L8L56a__dismissLinkBtn:active {
  opacity: .7;
}

.NotificationScreen-module__L8L56a__settingsIconBtn {
  width: 36px;
  height: 36px;
  color: var(--mc-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  place-items: center;
  padding: 0;
  transition: all .15s;
  display: grid;
}

.NotificationScreen-module__L8L56a__settingsIconBtn:hover {
  color: var(--mc-text);
  background: rgba(255, 255, 255, .12);
  transform: translateY(-1px);
}

.NotificationScreen-module__L8L56a__settingsIconBtn:active {
  transform: scale(.92);
}

.NotificationScreen-module__L8L56a__reminderOptionList {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.NotificationScreen-module__L8L56a__reminderOptionItem {
  background: var(--mc-surface-raised, rgba(255, 255, 255, .04));
  border: 1px solid var(--mc-border, rgba(255, 255, 255, .08));
  color: var(--mc-text);
  cursor: pointer;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  font-size: 13.5px;
  font-weight: 600;
  transition: all .14s;
  display: flex;
}

.NotificationScreen-module__L8L56a__reminderOptionItem:hover {
  background: rgba(255, 255, 255, .08);
}

.NotificationScreen-module__L8L56a__reminderOptionSelected {
  background: color-mix(in srgb, var(--mc-primary) 15%, transparent);
  border-color: var(--mc-primary);
  color: #fff;
}

/*# sourceMappingURL=src_components_895dd343._.css.map*/