*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5;color:#333}#app{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c5cad3;border-radius:3px}:root{--color-primary: #5b8ff9;--color-success: #5ad8a6;--color-warning: #f6bd16;--color-danger: #f5222d;--color-text: #333;--color-text-muted: #8c8c8c;--color-text-faint: #b0b7c3;--color-heading: #1a1a2e;--color-border: #eef0f4;--color-border-light: #f0f2f5;--color-bg: #f5f7fa;--color-bg-hover: #f9fbff;--radius-card: 14px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--padding-card: 20px}.card{background:#fff;border-radius:var(--radius-card);padding:var(--padding-card);box-shadow:var(--shadow-card)}.card-title{font-size:15px;font-weight:600;color:var(--color-text);margin:0 0 14px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-head .card-title{margin-bottom:0}.legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.dot{width:8px;height:8px;border-radius:50%}.dot.blue{background:var(--color-primary)}.dot.green{background:var(--color-success)}.dot.yellow{background:var(--color-warning)}.pill{font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px}.pill.online{background:#f6ffed;color:var(--color-success)}.pill.warning{background:#fffbe6;color:var(--color-warning)}.pill.offline{background:#fff1f0;color:var(--color-danger)}.change-up{color:var(--color-danger);font-weight:600;font-size:12px}.change-down{color:#52c41a;font-weight:600;font-size:12px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#eef3ff;color:var(--color-primary);font-weight:700;font-size:12px}