*{box-sizing:border-box;margin:0;padding:0}:root{--indigo:#4f46e5;--indigo-dark:#3730a3;--indigo-mid:#6366f1;--indigo-light:#818cf8;--indigo-pale:#eef2ff;--indigo-faint:#f5f3ff;--fg:#1e1b4b;--gray:#64748b}body{background:var(--indigo-faint);color:#1e293b;font-family:Segoe UI,system-ui,Arial,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}header{color:#fff;background:radial-gradient(circle,#ffffff0e 1px,#0000 1px) 0 0/24px 24px,linear-gradient(135deg,#0f0c29 0%,#1e1b4b 55%,#2d2777 100%);flex-wrap:wrap;align-items:center;gap:20px;padding:18px 32px;display:flex;box-shadow:0 4px 24px #0f0c2973}header h1{letter-spacing:.3px;background:linear-gradient(90deg,#fff 50%,var(--indigo-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;font-size:1.22em;font-weight:800}.gctrl{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.gctrl label{opacity:.85;color:#c7d2fe;align-items:center;gap:6px;font-size:.83em;display:flex}.gctrl select{color:#fff;cursor:pointer;background:#ffffff21;border:1px solid #ffffff38;border-radius:20px;padding:4px 12px;font-size:.83em}.gctrl select option{color:#222;background:#fff}nav.tabs{background:linear-gradient(#1e1b4b,#27246a);gap:4px;padding:10px 20px 0;display:flex;overflow-x:auto;box-shadow:0 3px 14px #0f0c2947}.tab-btn{color:#c7d2fe99;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:0 0;border:none;border-radius:10px 10px 0 0;padding:9px 18px;font-size:.83em;font-weight:500;transition:all .18s}.tab-btn:hover{color:#c7d2fe;background:#ffffff14}.tab-btn.active{color:var(--indigo);background:var(--indigo-faint);box-shadow:0 -2px 0 var(--indigo-mid), 0 -4px 14px #6366f138;font-weight:700}.content{flex:1;width:100%;max-width:1280px;margin:28px auto;padding:0 24px}.card{border-top:3px solid var(--indigo);background:#fff;border-radius:16px;margin-bottom:22px;padding:22px 26px;box-shadow:0 2px 16px #4f46e517,0 1px 3px #0000000a}.card h2{color:var(--indigo-dark);margin-bottom:4px;font-size:1em;font-weight:700}.card .desc{color:var(--gray);margin-bottom:14px;font-size:.85em;line-height:1.5}.ctrl-bar{background:var(--indigo-faint);border:1px solid #e0e7ff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.ctrl-bar label{color:#4338ca;align-items:center;gap:6px;font-size:.83em;display:flex}.ctrl-bar select,.ctrl-bar input[type=number]{cursor:pointer;color:#1e1b4b;background:#fff;border:1px solid #c7d2fe;border-radius:8px;padding:4px 10px;font-size:.83em}.ctrl-bar input[type=number]{width:68px}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.chart-wrap{min-height:300px}.detail-panel{background:var(--indigo-faint);border:1px solid #e0e7ff;border-radius:12px;margin-top:16px;padding:16px}.detail-panel h3{color:var(--indigo);margin-bottom:10px;font-size:.95em;font-weight:700}.detail-panel p{color:var(--gray);font-size:.84em}.note{color:#78350f;background:#fff8e1;border-left:4px solid #fbbf24;border-radius:4px;margin-bottom:12px;padding:8px 12px;font-size:.82em}.recharts-tooltip-wrapper{font-size:12px!important}@media (width<=768px){.grid2,.grid3{grid-template-columns:1fr}}