html,body,#app{margin:0;padding:0;width:100%;height:100%}:root{--font-family-base: "HarmonyOS Sans", "MiSans", "PingFang SC", "Microsoft YaHei", sans-serif;--bg-body: #f4f6fb;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #94a3b8;--text-faint: #cbd5f5;--panel-surface: rgba(255, 255, 255, .9);--panel-card: rgba(255, 255, 255, .6);--panel-card-soft: rgba(248, 250, 252, .6);--panel-border: rgba(148, 163, 184, .35);--card-border: rgba(226, 232, 240, .8);--panel-radius: 18px;--panel-shadow: 0 18px 45px rgba(15, 23, 42, .15);--accent-blue: #2563eb;--accent-cyan: #22d3ee;--accent-amber: #f59e0b;--accent-green: #16a34a;--accent-orange: #fb923c;--accent-red: #dc2626}*{box-sizing:border-box}body{font-family:var(--font-family-base);background:var(--bg-body);color:var(--text-primary);margin:0;min-height:100vh}.panel-shell{background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);color:var(--text-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-shell--compact{padding:16px}.panel-section{background:var(--panel-card);border-radius:16px;border:1px solid var(--panel-border);padding:16px}.panel-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:12px;color:var(--text-secondary);background:rgba(148,163,184,.12)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#ffffff;border-radius:8px;padding:16px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card .label{font-size:12px;color:#6b7280;font-weight:500}.stat-card .value{font-size:20px;font-weight:700;color:#374151;margin:4px 0}.stat-card .hint{font-size:12px;color:#6b7280}.card-header{background:#f9fafb;padding:10px 16px;font-size:14px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.chart-card{background:#ffffff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;padding:16px;overflow:hidden}.chart-card .chart-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.chart-card .chart-container,.chart-card .chart{width:100%;height:300px}.tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px}.table-card{background:#ffffff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.table-card.full-width{grid-column:1 / -1}.color-high{color:#dc2626}.color-medium{color:#ea580c}.color-low{color:#16a34a}