.shadow-wallet-page.shadow-financial-report {
  width: min(100%, 54rem);
  margin: -2.2rem auto 2.5rem;
  padding: .75rem;
  box-sizing: border-box;
  direction: rtl;
  color: #07334a;
  font-family: Vazirmatn, Tahoma, Arial, sans-serif;
  position: relative;
  z-index: 3;
}

.shadow-financial-report *,
.shadow-financial-report *::before,
.shadow-financial-report *::after { box-sizing: border-box; }

.shadow-financial-report .shadow-finance-panel {
  border: 1px solid #bceaf9;
  border-radius: 24px;
  background: #f2fbff;
  box-shadow: 0 18px 48px rgba(0, 78, 112, .14);
  overflow: visible;
  padding: 0 14px 18px;
}

.shadow-financial-report .shadow-finance-hero {
  min-height: 190px;
  margin: 0 -14px 14px;
  padding: 8px 14px 20px;
  display: grid;
  justify-items: center;
  align-content: start;
  text-align: center;
  border-radius: 24px 24px 18px 18px;
  background: linear-gradient(180deg, #0796c6, #0aa5d1);
  color: #fff;
  overflow: hidden;
}

.shadow-financial-report .shadow-finance-hero img {
  width: 168px;
  height: 168px;
  margin-top: -28px;
  object-fit: contain;
  filter: drop-shadow(0 18px 26px rgba(0, 52, 82, .2));
}

.shadow-financial-report .shadow-finance-hero h1 {
  margin: -22px 0 2px;
  color: #fff;
  font-size: 1.16rem;
  line-height: 1.8;
  font-weight: 950;
}

.shadow-financial-report .shadow-finance-hero p {
  margin: 0;
  color: rgba(255, 255, 255, .86);
  font-size: .72rem;
  font-weight: 850;
}

.shadow-financial-report .shadow-finance-balance {
  margin: 12px 0;
  padding: 18px 12px;
  display: grid;
  place-items: center;
  gap: 6px;
  text-align: center;
  border: 1px solid #d8f2fb;
  border-radius: 22px;
  background: #fff;
}

.shadow-financial-report .shadow-finance-balance span {
  color: #526f82;
  font-size: .86rem;
  font-weight: 900;
}

.shadow-financial-report .shadow-finance-balance strong {
  color: #078fc0;
  font-size: 1.85rem;
  font-weight: 950;
}

.shadow-financial-report .shadow-finance-balance small {
  color: #8194a1;
  font-size: .66rem;
  font-weight: 800;
}

.shadow-financial-report .shadow-finance-chart { margin: 14px 0 18px; }

.shadow-financial-report .shadow-chart-card {
  position: relative;
  padding: 16px;
  border: 1px solid #e7f2fb;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(26, 94, 154, .11);
}

.shadow-financial-report .shadow-chart-head {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  text-align: right;
}

.shadow-financial-report .shadow-chart-head h2,
.shadow-financial-report .shadow-finance-title {
  margin: 0;
  color: #173b52;
  font-size: 1rem;
  font-weight: 950;
}

.shadow-financial-report .shadow-chart-head p {
  margin: 2px 0 0;
  color: #71869a;
  font-size: .72rem;
  line-height: 1.7;
  font-weight: 850;
}

.shadow-financial-report .shadow-chart-head > strong {
  direction: rtl;
  color: #087fb3;
  font-size: .82rem;
  font-weight: 950;
  white-space: nowrap;
}

.shadow-financial-report .shadow-chart-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid #dcecff;
  border-radius: 16px;
  background: linear-gradient(180deg, #f4fbff, #eaf5ff);
  color: #087fb3;
  font-size: 1.65rem;
  box-shadow: 0 8px 18px rgba(18, 104, 216, .09);
}

.shadow-financial-report .shadow-chart-controls {
  margin-bottom: 14px;
  display: grid;
  gap: 8px;
}

.shadow-financial-report .shadow-segment {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  padding: 5px;
  border: 1px solid #dcecff;
  border-radius: 16px;
  background: #f4f9ff;
}

.shadow-financial-report .shadow-segment button,
.shadow-financial-report .shadow-chart-fullscreen {
  min-height: 35px;
  padding: 0 5px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #6a8194;
  font: 950 .67rem Vazirmatn, Tahoma, Arial, sans-serif;
  cursor: pointer;
}

.shadow-financial-report .shadow-segment button.active {
  background: linear-gradient(180deg, #27afe0, #087fb3);
  color: #fff;
  box-shadow: 0 8px 18px rgba(7, 143, 192, .22);
}

.shadow-financial-report .shadow-chart-canvas {
  min-height: 0;
  aspect-ratio: 1.28 / 1;
  margin-bottom: 12px;
  padding: 10px 4px 6px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #edf4fb;
  border-radius: 20px;
  background: #fff;
}

.shadow-financial-report .shadow-chart-canvas svg { width: 100%; height: 100%; display: block; overflow: visible; }
.shadow-financial-report .shadow-chart-zero { stroke: #c9dfea; stroke-width: 1.3; stroke-dasharray: 5 5; }
.shadow-financial-report .shadow-chart-line { fill: none; stroke: #087fb3; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 7px 9px rgba(7, 143, 192, .16)); }
.shadow-financial-report .shadow-chart-area { fill: url(#shadowLineFill); }
.shadow-financial-report .shadow-chart-dot { fill: #fff; stroke: #087fb3; stroke-width: 3; cursor: pointer; }
.shadow-financial-report .shadow-chart-dot.selected { fill: #087fb3; stroke: #fff; stroke-width: 3.4; filter: drop-shadow(0 5px 8px rgba(7, 143, 192, .24)); }
.shadow-financial-report .shadow-chart-bar { fill: url(#shadowBarFill); cursor: pointer; filter: drop-shadow(0 7px 8px rgba(7, 143, 192, .17)); }
.shadow-financial-report .shadow-chart-bar.negative { fill: #f5a9a3; }
.shadow-financial-report .shadow-bar-group.selected .shadow-chart-bar { stroke: #074f74; stroke-width: 1.5; filter: drop-shadow(0 9px 12px rgba(7, 143, 192, .28)); }
.shadow-financial-report .shadow-chart-xlabel { fill: #61768c; font-size: 9px; font-weight: 800; text-anchor: middle; }

.shadow-financial-report .shadow-chart-empty,
.shadow-financial-report .shadow-finance-empty {
  padding: 22px 14px;
  border: 1px solid #edf4fb;
  border-radius: 20px;
  background: #fff;
  color: #617485;
  text-align: center;
  font-size: .8rem;
  line-height: 2;
  font-weight: 850;
}

.shadow-financial-report .shadow-chart-detail {
  padding: 12px;
  border: 1px solid #e1effa;
  border-radius: 18px;
  background: #f8fbff;
  color: #405a6a;
}

.shadow-financial-report .shadow-chart-detail.empty { text-align: center; font-size: .77rem; font-weight: 850; }
.shadow-financial-report .shadow-chart-detail > strong { display: block; margin-bottom: 8px; color: #173b52; font-size: .84rem; }
.shadow-financial-report .shadow-chart-detail dl { margin: 0; display: grid; gap: 7px; }
.shadow-financial-report .shadow-chart-detail dl > div { padding-bottom: 6px; display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px dashed #d8eef8; }
.shadow-financial-report .shadow-chart-detail dl > div:last-child { padding-bottom: 0; border-bottom: 0; }
.shadow-financial-report .shadow-chart-detail dt { color: #6a8190; font-size: .71rem; font-weight: 900; }
.shadow-financial-report .shadow-chart-detail dd { margin: 0; color: #27485b; font-size: .73rem; font-weight: 950; text-align: left; }
.shadow-financial-report .plus { color: #059669 !important; }
.shadow-financial-report .minus { color: #dc2626 !important; }

.shadow-financial-report .shadow-chart-fullscreen {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #cbeefa;
  background: #f8fdff;
  color: #087fb3;
}

.shadow-financial-report .shadow-finance-title { margin: 20px 2px 10px; }

.shadow-financial-report .shadow-finance-day {
  margin-bottom: 10px;
  overflow: hidden;
  border: 1px solid #d8eef8;
  border-radius: 20px;
  background: #f8fdff;
  box-shadow: 0 8px 22px rgba(0, 78, 112, .06);
}

.shadow-financial-report .shadow-finance-day-head {
  width: 100%;
  min-height: 58px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border: 0;
  background: #edf8fe;
  color: #345265;
  text-align: right;
  font-family: inherit;
  cursor: pointer;
}

.shadow-financial-report .shadow-day-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid #d8eef8;
  border-radius: 15px;
  background: #fff;
  color: #087fb3;
  font-size: 1.35rem;
}

.shadow-financial-report .shadow-finance-day-head > span:nth-child(2) { display: grid; gap: 3px; }
.shadow-financial-report .shadow-finance-day-head strong { color: #087fb3; font-size: .82rem; font-weight: 950; }
.shadow-financial-report .shadow-finance-day-head small { color: #617485; font-size: .62rem; line-height: 1.7; font-weight: 800; }
.shadow-financial-report .shadow-finance-day-head em { min-width: 58px; padding: 5px 9px; border: 1px solid #d8eef8; border-radius: 999px; background: #fff; color: #087fb3; text-align: center; font-size: .65rem; font-style: normal; font-weight: 950; }

.shadow-financial-report .shadow-finance-day-body { display: none; padding: 10px; }
.shadow-financial-report .shadow-finance-day.open .shadow-finance-day-body { display: grid; gap: 8px; }
.shadow-financial-report .shadow-finance-table-head,
.shadow-financial-report .shadow-finance-row { display: grid; grid-template-columns: .78fr .45fr .95fr 1fr 1.4fr; gap: 5px; align-items: center; justify-items: center; text-align: center; }
.shadow-financial-report .shadow-finance-table-head { padding: 8px 6px; border-radius: 13px; background: #087fb3; color: #fff; font-size: .64rem; font-weight: 950; }
.shadow-financial-report .shadow-finance-row { padding: 10px 7px; border: 1px solid #d8f2fb; border-radius: 15px; background: #fff; }
.shadow-financial-report .shadow-finance-row > span,
.shadow-financial-report .shadow-finance-row > strong { min-width: 0; font-size: .63rem; color: #405a6a; }
.shadow-financial-report .shadow-tx-time,
.shadow-financial-report .shadow-tx-description { display: grid; gap: 2px; min-width: 0; }
.shadow-financial-report .shadow-tx-time b { color: #29465a; font-size: .65rem; white-space: nowrap; }
.shadow-financial-report .shadow-tx-time small,
.shadow-financial-report .shadow-tx-description small { color: #8799a6; font-size: .49rem; font-weight: 800; }
.shadow-financial-report .shadow-tx-kind { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 999px; font-size: 1.05rem !important; font-weight: 950; }
.shadow-financial-report .shadow-tx-kind.increase { background: #e8fbf3; color: #059669; }
.shadow-financial-report .shadow-tx-kind.decrease { background: #fff0ef; color: #dc2626; }
.shadow-financial-report .shadow-tx-balance { direction: rtl; white-space: nowrap; }
.shadow-financial-report .shadow-tx-description { width: 100%; text-align: right; justify-self: stretch; }
.shadow-financial-report .shadow-tx-description b { overflow: hidden; color: #405a6a; text-overflow: ellipsis; white-space: nowrap; font-size: .62rem; }

.shadow-financial-report .shadow-finance-chart.fullscreen {
  position: fixed;
  inset: 0;
  z-index: 2147483590;
  margin: 0;
  padding: 14px;
  display: grid;
  place-items: center;
  background: rgba(2, 35, 51, .42);
  direction: rtl;
}

.shadow-financial-report .shadow-finance-chart.fullscreen .shadow-chart-card {
  width: min(94vw, 760px);
  max-height: 92vh;
  overflow: auto;
}

@media (max-width: 680px) {
  .shadow-wallet-page.shadow-financial-report { width: 100%; margin: -2.3rem auto 2.5rem; padding: .5rem; }
  .shadow-financial-report .shadow-finance-panel { padding: 0 10px 14px; }
  .shadow-financial-report .shadow-finance-hero { margin-inline: -10px; }
  .shadow-financial-report .shadow-finance-hero img { width: 158px; height: 158px; }
  .shadow-financial-report .shadow-finance-hero h1 { font-size: 1.03rem; }
  .shadow-financial-report .shadow-chart-card { padding: 10px; border-radius: 20px; }
  .shadow-financial-report .shadow-chart-head { grid-template-columns: 38px minmax(0, 1fr); gap: 8px; }
  .shadow-financial-report .shadow-chart-head > strong { grid-column: 1 / -1; justify-self: end; }
  .shadow-financial-report .shadow-chart-icon { width: 38px; height: 38px; font-size: 1.25rem; }
  .shadow-financial-report .shadow-segment { gap: 4px; padding: 4px; }
  .shadow-financial-report .shadow-segment button { min-height: 32px; padding: 0 2px; font-size: .57rem; }
  .shadow-financial-report .shadow-chart-canvas { aspect-ratio: 1.18 / 1; padding: 8px 2px 5px; }
  .shadow-financial-report .shadow-finance-table-head,
  .shadow-financial-report .shadow-finance-row { grid-template-columns: .72fr .38fr .9fr .92fr 1.45fr; gap: 3px; }
  .shadow-financial-report .shadow-finance-table-head { padding: 7px 4px; font-size: .54rem; }
  .shadow-financial-report .shadow-finance-row { padding: 9px 5px; }
  .shadow-financial-report .shadow-finance-row > span,
  .shadow-financial-report .shadow-finance-row > strong { font-size: .55rem; }
  .shadow-financial-report .shadow-tx-time b { font-size: .57rem; }
  .shadow-financial-report .shadow-tx-time small,
  .shadow-financial-report .shadow-tx-description small { font-size: .43rem; }
  .shadow-financial-report .shadow-tx-kind { width: 22px; height: 22px; font-size: .92rem !important; }
  .shadow-financial-report .shadow-tx-description b { font-size: .53rem; }
}

@media (prefers-reduced-motion: reduce) {
  .shadow-financial-report * { scroll-behavior: auto !important; }
}