body{color:#fff;background:#121212;margin:0;font-family:sans-serif}.app{padding:40px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.tile{text-align:center;cursor:pointer;background:#1e1e1e;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000080}.tile-icon{width:48px;height:48px;margin-bottom:10px}.status{margin-top:10px;font-weight:700}.status.online{color:#4caf50}.status.offline{color:#f44336}.skeleton{animation:1.5s infinite pulse}.icon-skeleton{background:#2a2a2a;border-radius:8px;width:48px;height:48px;margin:0 auto 10px}.text-skeleton{background:#2a2a2a;border-radius:4px;width:70%;height:16px;margin:10px auto}.text-skeleton.small{width:40%}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}