*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f5f5f5}.financial-bi-container{min-height:100vh;background-color:#f5f5f5}.report-header{background:#fff;padding:20px 24px;margin-bottom:12px;border-radius:6px;box-shadow:0 1px 2px #00000008}.stats-cards{display:flex;gap:24px;margin-bottom:20px;align-items:stretch;width:100%}.stat-card{flex:1;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;position:relative;overflow:hidden;min-width:180px;min-height:160px;display:flex;flex-direction:column;justify-content:center}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color),var(--card-color-light))}.stat-card.red{--card-color: #ff4d4f;--card-color-light: #ff7875;--card-bg: linear-gradient(135deg, #fff1f0 0%, #ffffff 100%);background:var(--card-bg)}.stat-card.green{--card-color: #52c41a;--card-color-light: #73d13d;--card-bg: linear-gradient(135deg, #f6ffed 0%, #ffffff 100%);background:var(--card-bg)}.stat-card.blue{--card-color: #1890ff;--card-color-light: #40a9ff;--card-bg: linear-gradient(135deg, #e6f7ff 0%, #ffffff 100%);background:var(--card-bg)}.stat-card.active{border:2px solid var(--card-color)!important;box-shadow:0 8px 32px #00000026!important;transform:scale(1.02);z-index:10}.stat-card.red.active{background:linear-gradient(135deg,#ff4d4f,#ff7875)!important;border-color:#ff4d4f!important;box-shadow:0 8px 32px #ff4d4f40!important}.stat-card.green.active{background:linear-gradient(135deg,#52c41a,#73d13d)!important;border-color:#52c41a!important;box-shadow:0 8px 32px #52c41a40!important}.stat-card.blue.active{background:linear-gradient(135deg,#1890ff,#40a9ff)!important;border-color:#1890ff!important;box-shadow:0 8px 32px #1890ff40!important}.stat-card.active:before{display:none}.stat-card.active .stat-icon{background:#fff3!important;color:#fff!important;box-shadow:0 4px 16px #00000026;transform:scale(1.05)}.stat-card.active .stat-title{color:#ffffffe6!important;font-weight:500}.stat-card.active .stat-value{color:#fff!important;font-weight:800;font-size:26px}.stat-card.active .stat-prefix{color:#fff!important;opacity:.9}.stat-card.active .stat-help{background:#fff3!important}.stat-card.active .stat-help .anticon{color:#fff!important}.stat-card-content.stat-card-row{display:flex;flex-direction:row;align-items:center;height:100%;padding:0 32px;position:relative}.stat-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--card-color, #1890ff);color:#fff;flex-shrink:0;box-shadow:0 4px 16px #0000001a;margin-right:24px;transition:box-shadow .2s,transform .2s}.stat-card.red .stat-icon{background:linear-gradient(135deg,#ff4d4f 60%,#ff7875)}.stat-card.green .stat-icon{background:linear-gradient(135deg,#52c41a 60%,#73d13d)}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#1890ff 60%,#40a9ff)}.stat-icon:hover{box-shadow:0 8px 24px #0000002e;transform:scale(1.08)}.stat-info{flex:auto;min-width:0}.stat-help{position:absolute;top:18px;right:18px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#00000008;transition:background .2s;cursor:pointer;z-index:2}.stat-help:hover{background:#00000014}.stat-header{display:flex;align-items:flex-start;gap:16px}.stat-title{color:#8c8c8c;font-size:14px;font-weight:500;margin-bottom:8px;line-height:1.4}.stat-value{display:inline-block;white-space:nowrap;font-size:24px;font-weight:700;color:var(--card-color);line-height:1.2;align-items:baseline;gap:2px}.stat-prefix{font-size:18px;font-weight:600;opacity:.8}.stat-trend{display:flex;justify-content:flex-end;align-items:center;margin-top:12px}.trend-indicator{font-size:16px;font-weight:700;padding:4px 8px;border-radius:8px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.trend-indicator.red{color:#ff4d4f}.trend-indicator.green{color:#52c41a}.trend-indicator.blue{color:#1890ff}.charts-container{display:flex;gap:16px;margin-bottom:16px;width:100%}.chart-card{flex:1;background:#fff;padding:20px;border-radius:6px;box-shadow:0 1px 2px #00000008;min-height:380px}.chart-card.highlighted{border:2px solid #1890ff;box-shadow:0 2px 8px #1890ff26}.table-container{background:#fff;padding:20px 24px 24px;border-radius:0;box-shadow:none;margin-top:0;border:none}.content-area{padding:0}.report-tabs{background:#fff;border-radius:6px 6px 0 0;padding:0 24px;margin-bottom:8px}.report-tabs .ant-tabs-nav{margin-bottom:8px}.filters-container{background:#fff;padding:12px 24px;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.summary-info{text-align:center;padding:16px;background:#fafafa;border-radius:4px;margin:16px 0;color:#666}.report-content{transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.report-content.switching{opacity:.8;transform:translateY(-2px)}.ant-tabs-content-holder,.ant-tabs-tab{transition:all .2s ease-in-out}.ant-tabs-tab:hover{color:#1890ff;transform:translateY(-1px)}.ant-tabs-tab-active{transform:translateY(0)!important}.stat-card{transition:all .3s ease-in-out}.switching .stat-card{transform:scale(.98)}.chart-card{transition:all .3s ease-in-out}.switching .chart-card{transform:scale(.99)}.table-container{transition:all .3s ease-in-out}.switching .table-container{opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-header{animation:fadeInUp .5s ease-in-out}.stats-cards{animation:fadeInUp .6s ease-in-out}.charts-container{animation:fadeInUp .7s ease-in-out}.filters-container{animation:fadeInUp .8s ease-in-out}.table-container{animation:fadeInUp .9s ease-in-out}.filter-select .ant-select-selector{background:#ffffffe6!important;border:1px solid #e1e4e8!important;border-radius:6px!important;box-shadow:0 1px 3px #00000014!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;height:28px!important}.filter-select .ant-select-selector:hover{border-color:#4285f4!important;box-shadow:0 2px 6px #4285f426!important}.filter-select.ant-select-focused .ant-select-selector{border-color:#4285f4!important;box-shadow:0 0 0 2px #4285f41a!important}.filter-input{background:#ffffffe6!important;border:1px solid #e1e4e8!important;border-radius:6px!important;box-shadow:0 1px 3px #00000014!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;height:28px!important}.filter-input:hover{border-color:#4285f4!important;box-shadow:0 2px 6px #4285f426!important}.filter-input:focus{border-color:#4285f4!important;box-shadow:0 0 0 2px #4285f41a!important}.filter-label{font-size:13px;font-weight:500;color:#5f6368;text-align:right;white-space:nowrap}.filter-container{transition:transform .2s ease}.filter-container:hover{transform:translateY(-1px)}.ant-btn-primary{border-radius:6px!important;font-weight:500!important;box-shadow:0 2px 4px #1890ff33!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.ant-btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 4px 8px #1890ff4d!important}.ant-btn:not(.ant-btn-primary){border-radius:6px!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.ant-btn:not(.ant-btn-primary):hover{transform:translateY(-1px)!important}.data-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#fafbfc,#f1f3f4)!important;border-bottom:2px solid #e8eaed!important;font-weight:600!important;font-size:13px!important;color:#3c4043!important;padding:12px 8px!important}.data-table .ant-table-tbody>tr>td{padding:10px 8px!important;font-size:13px!important;border-bottom:1px solid #f5f5f5!important}.table-row-even{background-color:#fafafa!important}.table-row-odd{background-color:#fff!important}.data-table .ant-table-tbody>tr:hover>td{background-color:#e8f4ff!important}.ant-pagination-prev,.ant-pagination-next{margin-inline-end:8px!important}.ant-pagination-options{margin-left:16px!important}.data-table .ant-pagination{margin-top:20px!important;text-align:center!important}.data-table .ant-pagination-item{border-radius:6px!important;border:1px solid #e8eaed!important;margin-inline-end:8px!important}.data-table .ant-pagination-item:hover{border-color:#4285f4!important;transform:translateY(-1px)!important}.data-table .ant-pagination-item-active{border-color:#4285f4!important}@media (max-width: 900px){.stats-cards{flex-direction:column;gap:16px}.stat-card{min-width:0;width:100%}.stat-card-content.stat-card-row{flex-direction:column;align-items:flex-start;padding:0 16px}.stat-icon{margin-right:0;margin-bottom:12px}.stat-help{top:12px;right:12px}}
