.shop-finance-page { color:#243041; }
.layout:has(.shop-finance-page)>.main { min-width:0; }
.finance-header { display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px; }
.finance-header h2 { margin:0;font-size:20px; }
.finance-shop { margin-left:auto;border:1px solid #d7e3f8;background:#f4f7ff;color:#245bcb;padding:7px 12px;border-radius:5px;font-size:12px; }
.finance-primary-tabs { display:flex;gap:6px;border-bottom:1px solid #dfe6ee;margin-bottom:22px; }
.finance-primary-tabs button { border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 18px;font:inherit;font-size:14px;color:#4a5668;cursor:pointer;white-space:nowrap; }
.finance-primary-tabs button[aria-pressed=true] { color:#245bcb;border-bottom-color:#245bcb;background:#edf3ff;font-weight:600; }
.finance-toolbar,.finance-period,.finance-section-head { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.finance-toolbar { margin-bottom:17px; }
.finance-toolbar h3,.finance-section-head h3 { margin:0;font-size:15px; }
.finance-period { justify-content:flex-end;font-size:12px; }
.finance-period .el-date-editor { width:135px; }
.shop-finance-page>.el-alert { margin-bottom:14px; }
.finance-kpis { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px; }
.finance-kpi { display:block;width:100%;min-width:0;text-align:left;border:1px solid #e6ebf1;background:#fff;border-radius:8px;padding:19px 17px;cursor:pointer;font:inherit; }
.finance-kpi:hover { border-color:#8eace5; }
.finance-kpi>span { display:flex;justify-content:space-between;font-size:13px; }
.finance-kpi>span b { color:#7b8798;font-weight:400; }
.finance-kpi>strong { display:block;font-size:28px;margin-top:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.finance-kpi>small { display:block;color:#778498;font-size:11px;margin-top:6px; }
.finance-kpi>div { border-top:1px solid #e6ebf1;margin-top:17px;padding-top:11px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px; }
.finance-kpi>div b { font-weight:550;font-variant-numeric:tabular-nums; }
.finance-income,.finance-green { color:#148469; }
.finance-expense { color:#b87115; }
.finance-balance { color:#245bcb;background:#edf3ff;border-color:transparent; }
.finance-breakdowns { background:#fff;padding:22px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px; }
.finance-breakdowns>section+section { border-left:1px solid #e6ebf1;padding-left:28px; }
.finance-section-head { margin-bottom:18px; }
.finance-labels { display:flex;justify-content:space-between;color:#778498;font-size:11px;margin-bottom:5px; }
.finance-line { display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e6ebf1;padding:13px 0;font-size:13px; }
.finance-line strong { font-weight:550;font-variant-numeric:tabular-nums; }
.finance-line>.el-button { font-size:13px; }
.finance-total { border:0;font-weight:600; }
.finance-cash { grid-column:1/-1;background:#f6f8fb;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 15px;font-size:12px; }
.finance-cash strong { color:#245bcb; }
.finance-note { font-size:11px;line-height:1.7;color:#788497;margin:16px 0 0; }
.shop-finance-page>.cost-workspace>.cost-primary-nav { gap:25px; }
.shop-finance-page>.cost-workspace>.cost-section-head { margin-top:10px; }
.shop-finance-page .cost-workspace-panels>.el-tabs__content { overflow:visible; }
.shop-finance-page button:focus-visible { outline:2px solid #245bcb;outline-offset:3px; }
@media(max-width:1100px) { .finance-kpi>strong { font-size:23px; }.finance-kpi { padding:16px 13px; }.finance-breakdowns { gap:20px; }.finance-breakdowns>section+section { padding-left:20px; } }
@media(max-width:700px) { .finance-header { margin-bottom:16px; }.finance-shop { margin-left:0; }.finance-primary-tabs button { flex:1;padding:12px 6px;font-size:13px; }.finance-kpis { grid-template-columns:1fr;gap:10px; }.finance-kpi>strong { font-size:27px; }.finance-breakdowns { grid-template-columns:1fr;padding:18px; }.finance-breakdowns>section+section { border-left:0;border-top:1px solid #e6ebf1;padding:22px 0 0; }.finance-period { justify-content:flex-start;gap:7px; }.finance-period .el-date-editor { width:121px; }.finance-period>.el-button { margin-left:0; }.finance-cash { line-height:1.7; }.finance-line { gap:10px; } }
@media(max-width:600px) {
  .layout:has(.shop-finance-page) { flex-direction:column; }
  .layout:has(.shop-finance-page)>.sidebar { width:100%;height:58px;overflow:hidden;flex-direction:row; }
  .layout:has(.shop-finance-page)>.sidebar .logo,
  .layout:has(.shop-finance-page)>.sidebar .group-title,
  .layout:has(.shop-finance-page)>.sidebar .shop-label,
  .layout:has(.shop-finance-page)>.sidebar .user-card { display:none; }
  .layout:has(.shop-finance-page)>.sidebar .menu { display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding:0;min-width:0; }
  .layout:has(.shop-finance-page)>.sidebar>div:not(.menu):not(.logo):not(.user-card) { flex:none;padding:8px!important; }
  .layout:has(.shop-finance-page)>.sidebar>div:not(.menu):not(.logo):not(.user-card)>span:nth-child(2) { display:none; }
  .layout:has(.shop-finance-page)>.sidebar .menu .item { flex:none;white-space:nowrap;padding:14px 12px; }
  .layout:has(.shop-finance-page)>.sidebar .global-shop-picker { width:180px;flex:none;padding:0 8px;margin:0; }
  .layout:has(.shop-finance-page)>.main { min-height:0;padding:14px 12px; }
  .finance-header h2 { font-size:18px; }
  .finance-header { gap:9px; }
  .finance-primary-tabs { gap:0; }
  .finance-line strong { overflow-wrap:anywhere; }
}