:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg:#0f172a;--card-bg:#1e293b;--text:#f8fafc;--text-muted:#94a3b8;--border:#334155;--accent:#10b981;--shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--glass:#1e293bb3}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.app-container{z-index:1;width:90%;max-width:1000px;padding:2rem}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.5rem;padding:2.5rem;animation:.8s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.data-card{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.data-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 20px -10px #6366f180}.data-card h3{margin-bottom:.5rem;font-size:1rem}.status-badge{text-transform:uppercase;border-radius:2rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn:hover{background:var(--primary-hover);transform:scale(1.05)}.loader{border:5px solid var(--border);border-bottom-color:var(--primary);box-sizing:border-box;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.health-status{color:var(--accent);background:#10b9811a;border:1px solid #10b98133;border-radius:.75rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.9rem;display:flex}.pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #10b981b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}#root{width:100%}