*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.stat-card{cursor:pointer;transition:transform .2s,box-shadow .2s;border-radius:8px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.page-header{margin-bottom:16px}.network-indicator{display:inline-flex;align-items:center;gap:6px}.network-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.network-dot.online{background-color:#52c41a;box-shadow:0 0 4px #52c41a}.network-dot.offline{background-color:#ff4d4f;box-shadow:0 0 4px #ff4d4f;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.variation-positive{color:#388e3c;font-weight:700}.variation-negative{color:#d32f2f;font-weight:700}