table button[title="编辑"],table button[title="删除"]{display:none!important}
button[data-state="active"].ui-nav-item{background:rgba(212,175,55,.15)!important;color:#D4AF37!important}
button[data-state="inactive"].ui-nav-item{background:rgba(255,255,255,.04)!important;color:#9ca3af!important}
button.h-9.px-4.text-sm.font-medium.rounded-full.bg-primary{background:rgba(212,175,55,.12)!important;color:#D4AF37!important}
button.h-9.px-4.text-sm.font-medium.rounded-full:not(.bg-primary){background:rgba(255,255,255,.04)!important;color:#9ca3af!important}

/* 门店业绩统计卡片：1+4布局（纯CSS，不操作DOM） */
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
}
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:first-child {
  grid-column: 1 / -1 !important;
  padding: 24px 20px !important;
  min-height: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(160deg, rgba(30,28,20,0.98) 0%, rgba(22,20,15,1) 100%) !important;
  border: 1px solid rgba(212,175,55,0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important;
  position: relative !important;
  overflow: hidden !important;
}
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:first-child::before {
  content: '';
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 100px;
  background: radial-gradient(ellipse, rgba(212,175,55,0.12) 0%, transparent 70%);
  pointer-events: none;
}
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:first-child .text-sm.text-muted-foreground {
  font-size: 14px !important;
  letter-spacing: 2px !important;
  margin-bottom: 10px !important;
  color: #9ca3af !important;
}
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:first-child .text-2xl,
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:first-child [class*="text-2xl"],
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:first-child [class*="text-3xl"] {
  font-size: 48px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  background: linear-gradient(135deg,#FFE8A0 0%,#F5D98A 30%,#D4AF37 70%,#B8941F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  line-height: 1 !important;
}
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:first-child .text-xs {
  margin-top: 8px !important;
  font-size: 11px !important;
  opacity: 0.8 !important;
}
/* 小卡片样式 */
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:nth-child(n+2) {
  padding: 16px !important;
  min-height: 90px !important;
  background: linear-gradient(160deg, rgba(26,26,26,0.95) 0%, rgba(18,18,18,1) 100%) !important;
  border: 1px solid rgba(212,175,55,0.1) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:nth-child(n+2) .text-2xl,
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-3:has(> .relative.bg-card.border.border-border.rounded-2xl) > .relative.bg-card.border.border-border.rounded-2xl:nth-child(n+2) [class*="text-2xl"] {
  font-size: 24px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg,#F5D98A 0%,#D4AF37 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* 业绩趋势图：营收线从绿色改成金色 */
.recharts-line-curve[stroke="#22c55e"],
.recharts-line-curve[stroke="#16a34a"],
.recharts-line-curve[stroke="#10b981"],
.recharts-line-curve[stroke="#059669"],
.recharts-line-curve[stroke="rgb(34, 197, 94)"],
.recharts-line-curve[stroke="rgb(22, 163, 74)"] {
  stroke: #D4AF37 !important;
}
/* 营收线的面积填充 */
.recharts-area-area[fill="#22c55e"],
.recharts-area-area[fill="rgb(34, 197, 94)"] {
  fill: rgba(212,175,55,0.15) !important;
}
/* 图例里的绿色圆点改成金色 */
.recharts-legend-item circle[fill="#22c55e"],
.recharts-legend-item circle[fill="#16a34a"],
.recharts-legend-item circle[fill="#10b981"] {
  fill: #D4AF37 !important;
}
/* 兜底：所有recharts图表里的绿色stroke都改成金色 */
.recharts-wrapper svg path[stroke*="22c55e"],
.recharts-wrapper svg path[stroke*="16a34a"],
.recharts-wrapper svg path[stroke*="10b981"],
.recharts-wrapper svg circle[fill*="22c55e"],
.recharts-wrapper svg circle[fill*="16a34a"] {
  stroke: #D4AF37 !important;
  fill: #D4AF37 !important;
}
/* 趋势图tooltip里的绿色 */
.recharts-tooltip-wrapper [style*="22c55e"],
.recharts-tooltip-wrapper [style*="16a34a"] {
  color: #D4AF37 !important;
}

/* 业绩趋势图：第一个图例（营收）的圆点改成金色 */
.recharts-legend-item:first-child circle,
.recharts-legend-item:nth-child(1) circle {
  fill: #D4AF37 !important;
  stroke: #D4AF37 !important;
}
/* 第一条线（营收）改成金色 */
.recharts-line-series:first-child .recharts-line-curve,
.recharts-line-series:nth-child(1) .recharts-line-curve,
.recharts-line:first-child .recharts-line-curve {
  stroke: #D4AF37 !important;
}
/* 第一个面积图（营收）填充改成金色半透明 */
.recharts-area-series:first-child .recharts-area-area,
.recharts-area-series:nth-child(1) .recharts-area-area {
  fill: rgba(212,175,55,0.15) !important;
  stroke: #D4AF37 !important;
}
/* 兜底：recharts图表里所有绿色系的stroke/fill都改成金色 */
.recharts-wrapper svg [stroke^="#2"],
.recharts-wrapper svg [stroke^="rgb(3"],
.recharts-wrapper svg [stroke^="rgb(2"],
.recharts-wrapper svg [fill^="#2"],
.recharts-wrapper svg [fill^="rgb(3"],
.recharts-wrapper svg [fill^="rgb(2"] {
  stroke: #D4AF37 !important;
  fill: #D4AF37 !important;
}
/* 趋势图里的绿色渐变定义 */
.recharts-wrapper defs linearGradient stop[stop-color^="#2"],
.recharts-wrapper defs linearGradient stop[stop-color^="rgb(3"] {
  stop-color: #D4AF37 !important;
}




/* ======================================== */
/* 收支管理 - 纯CSS金色主题（精确选择器） */
/* ======================================== */

/* 总览卡片：3列grid */
.grid.grid-cols-1.md\:grid-cols-3.gap-4 > .bg-card.border.border-border.rounded-2xl {
  background: linear-gradient(160deg, #1e1e24 0%, #16161c 100%) !important;
  border: 1px solid rgba(212,175,55,.2) !important;
  border-radius: 18px !important;
  padding: 28px 20px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all .3s ease !important;
}
.grid.grid-cols-1.md\:grid-cols-3.gap-4 > .bg-card.border.border-border.rounded-2xl:hover {
  border-color: rgba(212,175,55,.35) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.4), 0 0 24px rgba(212,175,55,.06) !important;
  transform: translateY(-2px) !important;
}
.grid.grid-cols-1.md\:grid-cols-3.gap-4 > .bg-card.border.border-border.rounded-2xl::before {
  content: '';
  position: absolute;
  top: 0; left: 50%; transform: translateX(-50%);
  width: 50%; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.5), transparent);
}
/* 总览卡片标题 */
.grid.grid-cols-1.md\:grid-cols-3.gap-4 > .bg-card .text-xs.text-muted-foreground.mb-2 {
  font-size: 14px !important;
  color: #94a3b8 !important;
  letter-spacing: 1px !important;
  margin-bottom: 14px !important;
}
/* 总览卡片大数字 - 调大，收入改金色 */
.grid.grid-cols-1.md\:grid-cols-3.gap-4 > .bg-card .text-3xl {
  font-size: 40px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  font-variant-numeric: tabular-nums !important;
}
.grid.grid-cols-1.md\:grid-cols-3.gap-4 > .bg-card .text-3xl.text-green-400 {
  color: #D4AF37 !important;
  background: linear-gradient(135deg,#FFE8A0 0%,#F5D98A 30%,#D4AF37 70%,#B8941F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.grid.grid-cols-1.md\:grid-cols-3.gap-4 > .bg-card .text-3xl.text-red-400 {
  color: #f87171 !important;
}
.grid.grid-cols-1.md\:grid-cols-3.gap-4 > .bg-card .text-3xl.text-primary {
  color: #4ade80 !important;
}
/* 总览卡片副标题 */
.grid.grid-cols-1.md\:grid-cols-3.gap-4 > .bg-card .text-xs.text-muted-foreground.mt-1\.5 {
  font-size: 12px !important;
  color: #64748b !important;
  margin-top: 10px !important;
}

/* 门店卡片：2列grid */
.grid.grid-cols-1.md\:grid-cols-2.gap-4 > .bg-card.border.border-border.rounded-2xl {
  background: linear-gradient(160deg, #1e1e24 0%, #16161c 100%) !important;
  border: 1px solid rgba(212,175,55,.15) !important;
  border-radius: 16px !important;
  padding: 22px !important;
  transition: all .3s ease !important;
}
.grid.grid-cols-1.md\:grid-cols-2.gap-4 > .bg-card:hover {
  border-color: rgba(212,175,55,.3) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.3) !important;
}
/* 门店卡片内的数字调大 */
.grid.grid-cols-1.md\:grid-cols-2.gap-4 > .bg-card .text-sm.font-mono-nums {
  font-size: 18px !important;
  font-weight: 700 !important;
}
.grid.grid-cols-1.md\:grid-cols-2.gap-4 > .bg-card .text-sm.font-mono-nums.text-green-400 {
  color: #4ade80 !important;
}

/* 底部卡片（支出分类、趋势图）：2列grid */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card.border.border-border.rounded-2xl {
  background: linear-gradient(160deg, #1e1e24 0%, #16161c 100%) !important;
  border: 1px solid rgba(212,175,55,.15) !important;
  border-radius: 16px !important;
  padding: 22px !important;
}
/* 底部卡片标题 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .text-sm.font-medium {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
  margin-bottom: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .text-sm.font-medium::before {
  content: '';
  width: 3px; height: 16px;
  background: linear-gradient(180deg, #D4AF37, #B8941F);
  border-radius: 2px;
}

/* 趋势图 - 调大 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .h-44 {
  height: 200px !important;
}
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .h-32 {
  height: 150px !important;
}
/* 趋势图收入柱：绿色改金色 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .bg-green-400\/80 {
  background: linear-gradient(180deg, #E8C86A, #D4AF37) !important;
}
/* 趋势图支出柱保持红色但更亮 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .bg-red-400\/70 {
  background: linear-gradient(180deg, #fca5a5, #f87171) !important;
}
/* 趋势图数字 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .font-mono-nums.text-muted-foreground {
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* 费用清单表格 */
.bg-card .w-full.text-sm thead th {
  background: linear-gradient(180deg, rgba(212,175,55,.08), rgba(212,175,55,.02)) !important;
  color: #D4AF37 !important;
  font-weight: 600 !important;
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(212,175,55,.2) !important;
}
.bg-card .w-full.text-sm tbody tr {
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
  transition: background .15s !important;
  cursor: pointer !important;
}
.bg-card .w-full.text-sm tbody tr:hover {
  background: rgba(212,175,55,.06) !important;
}
.bg-card .w-full.text-sm tbody td {
  padding: 11px 12px !important;
}

/* 费用类型颜色标签 */
.ie-expense-tag {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
.ie-expense-tag.pdd { background: rgba(239,68,68,.12); color: #ef4444; border: 1px solid rgba(239,68,68,.25); }
.ie-expense-tag.service { background: rgba(59,130,246,.12); color: #60a5fa; border: 1px solid rgba(59,130,246,.25); }
.ie-expense-tag.takeout { background: rgba(249,115,22,.12); color: #fb923c; border: 1px solid rgba(249,115,22,.25); }
.ie-expense-tag.goods { background: rgba(168,85,247,.12); color: #c084fc; border: 1px solid rgba(168,85,247,.25); }
.ie-expense-tag.operating { background: rgba(234,179,8,.12); color: #eab308; border: 1px solid rgba(234,179,8,.25); }
.ie-expense-tag.fixed { background: rgba(20,184,166,.12); color: #14b8a6; border: 1px solid rgba(20,184,166,.25); }
.ie-expense-tag.other { background: rgba(148,163,184,.12); color: #94a3b8; border: 1px solid rgba(148,163,184,.25); }

/* 筛选按钮 */
.ie-filter-btn {
  padding: 4px 12px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all .15s !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  background: rgba(255,255,255,.03) !important;
  color: #94a3b8 !important;
}
.ie-filter-btn:hover {
  border-color: rgba(212,175,55,.3) !important;
  color: #cbd5e1 !important;
}
.ie-filter-btn.active {
  background: linear-gradient(180deg, rgba(212,175,55,.2), rgba(212,175,55,.08)) !important;
  border-color: rgba(212,175,55,.4) !important;
  color: #E8C86A !important;
}


/* ===== 支出分类统计 - 进度条金色系 ===== */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .bg-yellow-400,
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card [class*="bg-yellow"] {
  background: linear-gradient(90deg, #E8C86A, #D4AF37) !important;
}
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .bg-blue-400,
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card [class*="bg-blue"] {
  background: linear-gradient(90deg, #818cf8, #6366f1) !important;
}
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .bg-red-400,
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card [class*="bg-red"] {
  background: linear-gradient(90deg, #fca5a5, #f87171) !important;
}
/* 支出分类标签文字 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .text-sm.text-muted-foreground {
  font-size: 13px !important;
  color: #cbd5e1 !important;
}
/* 支出分类金额 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .font-mono-nums {
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
}

/* ===== 趋势图优化 ===== */
/* 月份标签 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .text-muted-foreground:last-child {
  font-size: 12px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
}
/* 图例 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .flex.gap-4 {
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}
/* 图例圆点 */
.grid.grid-cols-1.lg\:grid-cols-2.gap-4 > .bg-card .flex.gap-4 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  color: #94a3b8 !important;
}

/* ===== 门店卡片店名优化 ===== */
.grid.grid-cols-1.md\:grid-cols-2.gap-4 > .bg-card .text-orange-400 {
  color: #fb923c !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
.grid.grid-cols-1.md\:grid-cols-2.gap-4 > .bg-card .text-blue-400 {
  color: #60a5fa !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
/* 门店盈利标签 */
.grid.grid-cols-1.md\:grid-cols-2.gap-4 > .bg-card .text-green-400:not(.font-mono-nums) {
  font-size: 12px !important;
  padding: 2px 10px !important;
  border-radius: 6px !important;
  background: rgba(74,222,128,.12) !important;
  border: 1px solid rgba(74,222,128,.25) !important;
}