body{margin:0;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.app-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:20px}.page-header{font-size:18px;font-weight:600;margin-bottom:16px}.stat-card{position:relative;overflow:hidden;border-radius:16px;color:#fff;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-3px)}.stat-card:after{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:#ffffff26;pointer-events:none}.stat-card:before{content:"";position:absolute;right:28px;bottom:-46px;width:100px;height:100px;border-radius:50%;background:#ffffff14;pointer-events:none}.stat-body,.stat-icon{position:relative;z-index:1}.stat-title{font-size:14px;color:#ffffffe0;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:700;line-height:1.2;margin-top:6px;font-variant-numeric:tabular-nums}.stat-icon{width:52px;height:52px;border-radius:14px;background:#ffffff3d;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:inset 0 1px 2px #ffffff59,0 2px 8px #0000001f}.analytics-page{color:#0f172a}.analytics-header{display:flex;align-items:baseline;gap:12px}.analytics-header small{color:#64748b;font-size:13px;font-weight:400}.analytics-page .app-card{border:1px solid #e6ebf2;border-radius:10px;box-shadow:0 8px 22px #0f172a0a;padding:0}.analytics-page .ant-card-head{min-height:46px;border-bottom-color:#edf1f6;padding:0 16px}.analytics-page .ant-card-body{padding:14px 16px 16px}.analytics-page .stat-card{min-height:86px;border-radius:10px;padding:14px 16px;color:#0f172a;border:1px solid rgba(148,163,184,.2);box-shadow:0 10px 24px #0f172a0f}.analytics-page .stat-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a1a}.analytics-page .stat-card:before{display:block;left:0;right:0;top:0;bottom:auto;width:auto;height:4px;border-radius:10px 10px 0 0;background:var(--stat-accent)}.analytics-page .stat-card:after{display:block;left:auto;right:-38px;top:-42px;width:122px;height:122px;border-radius:50%;background:var(--stat-orb)}.analytics-page .stat-title{color:#475569;font-size:13px;letter-spacing:0}.analytics-page .stat-value{color:var(--stat-accent);font-size:28px;line-height:1;margin-top:8px;text-shadow:0 1px 0 rgba(255,255,255,.7)}.analytics-page .stat-icon{width:38px;height:38px;border-radius:10px;box-shadow:inset 0 1px #ffffffb8,0 8px 16px var(--stat-shadow);font-size:19px}.stat-card-blue{--stat-accent: #2563eb;--stat-orb: rgba(37, 99, 235, .1);--stat-shadow: rgba(37, 99, 235, .16);background:linear-gradient(135deg,#f8fbff,#eff6ff 48%,#dbeafe)}.stat-card-blue .stat-icon{background:#dbeafee6;color:#2563eb}.stat-card-teal{--stat-accent: #0f766e;--stat-orb: rgba(15, 118, 110, .11);--stat-shadow: rgba(15, 118, 110, .16);background:linear-gradient(135deg,#f7fffd,#ecfdf5 45%,#ccfbf1)}.stat-card-teal .stat-icon{background:#ccfbf1e6;color:#0f766e}.stat-card-amber{--stat-accent: #d97706;--stat-orb: rgba(217, 119, 6, .13);--stat-shadow: rgba(217, 119, 6, .18);background:linear-gradient(135deg,#fffdf6,#fffbeb 44%,#fef3c7)}.stat-card-amber .stat-icon{background:#fef3c7eb;color:#d97706}.stat-card-violet{--stat-accent: #7c3aed;--stat-orb: rgba(124, 58, 237, .11);--stat-shadow: rgba(124, 58, 237, .16);background:linear-gradient(135deg,#fbfaff,#f5f3ff 46%,#ede9fe)}.stat-card-violet .stat-icon{background:#ede9feeb;color:#7c3aed}.stat-card-cyan{--stat-accent: #0891b2;--stat-orb: rgba(8, 145, 178, .12);--stat-shadow: rgba(8, 145, 178, .16);background:linear-gradient(135deg,#f7feff,#ecfeff 44%,#cffafe)}.stat-card-cyan .stat-icon{background:#cffafeeb;color:#0891b2}.analytics-section-title{display:inline-flex;align-items:center;gap:8px;color:#0f172a;font-size:14px;font-weight:650}.analytics-section-title>span{width:8px;height:8px;border-radius:99px;display:inline-block}.analytics-section-title em{color:#94a3b8;font-size:12px;font-style:normal;font-weight:400}.trend-chart{display:block;width:100%;height:168px}.trend-chart line{stroke:#e8eef5;stroke-width:1}.trend-chart circle{fill:#fff;stroke:#0f766e;stroke-width:1.8}.trend-chart text{fill:#94a3b8;font-size:10px}.trend-chart .trend-peak{fill:#0f766e;stroke:#fff;stroke-width:2}.trend-chart .trend-badge{fill:#0f766e;opacity:.94}.trend-chart .trend-badge-text{fill:#fff;font-size:10px;font-weight:650}.trend-chart .trend-last{fill:#2563eb;font-size:10px;font-weight:650}.analytics-panel{min-height:300px}.donut-wrap{min-height:230px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.donut-wrap svg{width:148px;flex-shrink:0}.donut-legend{flex:1;min-width:220px}.donut-legend>div{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.donut-legend>div>span:first-child{width:9px;height:9px;border-radius:3px;flex-shrink:0}.donut-name{flex:1;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend strong{color:#0f172a;font-weight:650}.donut-legend em{width:42px;color:#94a3b8;text-align:right;font-style:normal}.analytics-bars{min-height:230px}.analytics-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.analytics-bar-row>span:first-child{width:20px;height:20px;border-radius:7px;flex-shrink:0;font-size:11px;font-weight:650;text-align:center;line-height:20px}.analytics-bar-name{width:132px;color:#334155;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.analytics-bar-track{flex:1;height:10px;background:#eef2f7;border-radius:99px;overflow:hidden}.analytics-bar-track>div{height:100%;min-width:4px;border-radius:99px;transition:width .35s ease}.analytics-bar-value{width:62px;text-align:right;color:#0f172a;font-size:13px;font-weight:650;flex-shrink:0}.analytics-bar-value span{margin-left:2px;color:#94a3b8;font-weight:400}@media (max-width: 768px){.analytics-header{flex-direction:column;gap:2px}.trend-chart{height:150px}.analytics-bar-name{width:96px}}