#app{height:100%;color:#172b4d;background-color:#f4f5f7}*{box-sizing:border-box}#app,body,html{height:100%;margin:0;padding:0}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.page-container{min-height:100%}.card-panel,.page-body{padding:20px}.card-panel{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(9,30,66,.08)}.card-title{font-size:16px;font-weight:600;color:#172b4d;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.metric-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 2px rgba(9,30,66,.08);display:flex;flex-direction:column;gap:8px;transition:transform .2s}.metric-card:hover{transform:translateY(-2px)}.metric-card .metric-label{font-size:13px;color:#6b778c}.metric-card .metric-value{font-size:28px;font-weight:600;color:#172b4d;line-height:1.2}.metric-card .metric-extra{font-size:12px;color:#6b778c}.metric-card .metric-extra.up{color:#36b37e}.metric-card .metric-extra.down{color:#ff5630}.chart-wrapper{width:100%;height:320px}.panel-placeholder{background:#fff;border-radius:8px;padding:40px;text-align:center;color:#6b778c;box-shadow:0 1px 2px rgba(9,30,66,.08)}.panel-placeholder h3{margin:0 0 8px;color:#172b4d;font-size:18px}.panel-placeholder p{margin:4px 0}.highlight{background:#fff2cc;padding:1px 6px;border-radius:3px;color:#172b4d;margin:0 2px}.ratio-num{font-size:30px;font-weight:600;color:#1f6feb;line-height:1.1;letter-spacing:.5px}@media (max-width:1200px){.page-body{padding:16px}}@media (max-width:992px){.chart-wrapper{height:260px}}