/* ============================================================
   总账 + 财务报表 页面样式（前端员工界面与管理后台共用）
   从 admin-cyber.css 抽取，使用冷青流体设计语言。
   仅新增 --aqua-* 令牌，不覆盖全局 --ink/--green 等令牌。
   ============================================================ */
:root{
  --aqua-bg:#F2F6F9;
  --aqua-bg-2:#EAF2F7;
  --aqua-ink:#0C1B26;
  --aqua-sub:#5A6B78;
  --aqua-accent:var(--brand-green);
  --aqua-accent-deep:var(--brand-green-deep);
  --aqua-flow-a:var(--brand-cyan);
  --aqua-flow-b:var(--brand-sky);
  --aqua-glass:rgba(255,255,255,.72);
  --aqua-shadow:0 2px 6px rgba(12,27,38,.04),0 14px 34px rgba(12,27,38,.08);
  --aqua-radius:20px;
  --spring:cubic-bezier(.22,1.2,.36,1);
}
.reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:1100px){.reports-grid{grid-template-columns:1fr}}

/* ===== 财务报表卡片（ColorOS 17 流体）===== */
.statement-card{overflow:hidden;position:relative;--st-accent:var(--aqua-accent);--st-tint:rgba(var(--brand-green-rgb),.10)}
.statement-card.acc-profit{--st-accent:#14B8A6;--st-tint:rgba(20,184,166,.12)}
.statement-card.acc-cashflow{--st-accent:var(--brand-sky);--st-tint:rgba(14,165,233,.12)}
.statement-card::before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--st-accent),transparent);z-index:1}
.statement-body{padding:0 20px 16px}
.metric-delta.up{color:var(--success-deep)}
.metric-delta.down{color:var(--danger-deep)}
.metric-delta.flat{color:var(--text-sub)}

/* ===== 今日待办 ===== */
.todo-card{margin:4px 0 20px}
.todo-item{display:flex;flex-direction:column;gap:10px;padding:14px 14px 16px;border:1px solid rgba(12,27,38,.10);background:rgba(255,255,255,.85);border-radius:var(--ui-radius,12px);cursor:pointer;text-align:left;transition:transform .25s var(--spring),box-shadow .25s var(--spring),opacity .25s}
.todo-item:hover{box-shadow:0 6px 16px rgba(12,27,38,.08)}
.todo-item.zero{opacity:.55}
.module-tabs button{background:#FFFFFF;color:var(--text-sub);border:1px solid #D6D8DF}
.module-tabs button.active{background:rgba(var(--brand-green-rgb),.14);color:var(--brand-green-deep);border-color:rgba(var(--brand-green-rgb),.4)}

/* ===== 绩效页 ===== */
.perf-metrics .metric-card,.perf-chart-card,.perf-table-card{background:#FFFFFF;border-color:var(--admin-card-border)}

/* ===== 采购 / 物料 / 报价 / 考勤 表格 ===== */
.data-table{width:100%;border-collapse:collapse}
.data-table th{text-align:left;border-bottom:1px solid var(--admin-border)}
.data-table td{border-bottom:1px solid #F0F0F2}
.data-table th.right,.data-table td.right{text-align:right}
.purchase-items-summary{font-size:var(--fs-base);color:var(--text-sub);margin-top:3px}
.badge.warn{background:#FDEAEA;color:var(--danger-deep);border:1px solid #F5C2C2}
.badge.muted{background:var(--admin-surface-soft);color:var(--text-sub);border:1px solid var(--admin-border)}
.badge.待收货{background:#FEF3E2;color:var(--warning-deep)}
.badge.已入库{background:#EBF2FF;color:var(--brand-blue)}
.badge.已付款{background:#E7F8F1;color:var(--success-deep)}
.badge.已接受{background:#E7F8F1;color:var(--success-deep)}
.badge.已拒绝{background:#FDEAEA;color:var(--danger-deep)}
.badge.已过期{background:var(--admin-surface-soft);color:var(--text-sub)}
.badge.已转订单{background:#EBF2FF;color:var(--brand-blue)}

/* ===== 考勤 / 税负 ===== */
#attendance-page .toolbar label{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-md);color:var(--text-sub)}
#attendance-page .toolbar input[type=date]{padding:7px 10px;border:1px solid var(--admin-border);border-radius:var(--ui-radius,12px);background:#fff;color:var(--text-body)}
.invoice-dir{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:var(--ui-radius,12px);font-size:var(--fs-sm);font-weight:600}
.invoice-dir.out{background:#EBF2FF;color:var(--brand-blue)}
.invoice-dir.in{background:#E7F8F1;color:var(--success-deep)}
.invoices-tax-stats{margin-top:14px}
@keyframes purchaseBarGrow{from{width:0!important}}