/* Layout Styles */
.dashboard {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-md);
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--space-2xl);
  min-height: auto;
}

.stats-grid {
  display: flex;
  flex-direction: row;
  gap: var(--space-md);
  flex: 1;
}

.summary-card {
  flex-shrink: 0;
  width: 384px;
}

/* Stat Card Layout */
.stat-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
  padding: var(--space-3xl) var(--space-2xl);
  background: #f2f2f2;
  border-radius: var(--radius-sm);
  min-height: 200px;
  min-width: 376px;
}

.stat-header {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.stat-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stat-title {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-secondary);
}

.stat-value {
  position: relative;
  text-align: center;
  margin: var(--space-lg) 0;
}

.main-number {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
}

.unit {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-left: var(--space-xs);
}

.stat-change {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  flex-wrap: wrap;
}

.period {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}

.change-indicator {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.change-value {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-secondary);
}

/* Summary Card Layout */
.investment-summary {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.summary-header {
  margin-bottom: var(--space-lg);
}

.summary-title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  text-align: center;
}

.summary-content {
  text-align: center;
  margin-bottom: var(--space-2xl);
}

.summary-intro,
.summary-investment,
.summary-profit {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
  margin-bottom: var(--space-xs);
}

.highlight-amount {
  color: var(--color-highlight);
}

.summary-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  align-items: center;
}
.summary-actions .btn{min-width: 500px;}
@media (max-width: 767px) {
	.summary-actions .btn{min-width: 100%;}
}