:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color:#8b5cf6;--primary-hover:#7c3aed;--secondary-color:#ec4899;--bg-color:#f0f9ff;--text-color:#334155;--card-bg:#fff;--danger:#f43f5e;--success:#10b981;--border-radius:16px}#root{width:100%;margin:0 auto}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#e0e7ff 1px,#0000 1px);background-size:24px 24px;margin:0;padding-top:80px;font-family:Inter,system-ui,-apple-system,sans-serif}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid #fff9;margin-bottom:20px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.card:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px -1px #8b5cf64d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 8px -1px #8b5cf666}.btn-danger{background-color:var(--danger);color:#fff;box-shadow:0 4px 6px -1px #f43f5e4d}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.form-input{box-sizing:border-box;width:100%;color:var(--text-color);background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 16px;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #8b5cf61a}table{border-collapse:separate;border-spacing:0 8px;width:100%}th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#0000;border:none;padding:12px 24px;font-size:.75rem;font-weight:600}td{color:#374151;background:#fff;border:none;padding:16px 24px}td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}tr{transition:transform .2s}tbody tr:hover td{background-color:#fdfaff;transform:scale(1.005);box-shadow:0 4px 6px -1px #0000000d}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.status-online{color:#166534;background-color:#dcfce7}.status-offline{color:#991b1b;background-color:#fee2e2}.status-pending{color:#4b5563;background-color:#f3f4f6}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:3s ease-in-out infinite float}.navbar{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#fffc;border-bottom:1px solid #ffffff80;justify-content:center;align-items:center;height:70px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #00000008}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 20px;display:flex}.nav-links-desktop{align-items:center;gap:20px;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--text-color);background:0 0;border:none;font-size:1.5rem;display:none}.mobile-menu{z-index:999;background:#fff;flex-direction:column;gap:15px;padding:20px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:70px;left:0;right:0;transform:translateY(-150%);box-shadow:0 10px 15px -3px #0000001a}.mobile-menu.open{transform:translateY(0)}@media (max-width:768px){.nav-links-desktop{display:none}.mobile-menu-btn{display:block}.container{padding:15px}}.hero{text-align:center;background:linear-gradient(to bottom right,#fff,#f3f4f6);padding:80px 20px}.hero h1{color:#111827;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.2}.hero p{color:#4b5563;max-width:700px;margin:0 auto 40px;font-size:1.25rem}