*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#0f172a;-webkit-font-smoothing:antialiased}.metric-card{border-radius:12px!important;border:1px solid #eef2f7!important;box-shadow:0 1px 2px #1018280a,0 4px 12px #1018280f!important;transition:transform .15s ease,box-shadow .15s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1018281a!important}.panel-card{border-radius:12px!important;border:1px solid #eef2f7!important;box-shadow:0 1px 2px #1018280a!important}.brand{display:flex;align-items:center;gap:10px;padding:20px 24px;color:#fff}.brand-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.brand-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;margin-right:6px;box-shadow:0 0 #16a34a80;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}.ant-layout-header{height:auto!important;line-height:normal!important;padding-top:12px;padding-bottom:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}