@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary: 239 84% 67%;--primary-glow: 239 84% 67% / .5;--bg-dots: 222 47% 11%;--surface: 222 47% 7% / .7;--surface-border: 217 33% 17%;--text-primary: 210 40% 98%;--text-secondary: 215 20% 65%;--success: 142 71% 45%;--warning: 38 92% 50%;--danger: 0 84% 60%;--glass-bg: rgba(15, 23, 42, .65);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(2, 6, 23, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background-color:hsl(var(--bg-dots));background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px;color:hsl(var(--text-primary));font-family:Outfit,sans-serif;min-height:100vh;line-height:1.5}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:1000}.logo{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#818cf8,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:10px}.container{max-width:1400px;margin:0 auto;padding:2rem;width:100%}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition)}.glass-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.btn{padding:10px 18px;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;transition:var(--transition);font-family:inherit}.btn-primary{background:hsl(var(--primary));color:#fff;box-shadow:0 4px 15px -1px var(--primary-glow)}.btn-primary:hover{background:hsl(var(--primary) / .9);box-shadow:0 6px 20px -1px var(--primary-glow);transform:translateY(-1px)}.btn-outline{background:#ffffff08;border:1px solid var(--glass-border);color:hsl(var(--text-primary))}.btn-outline:hover{background:#ffffff14;border-color:#fff3}input{background:#0003;border:1px solid var(--glass-border);padding:12px 16px;border-radius:var(--radius-md);color:#fff;width:100%;margin-bottom:20px;font-family:inherit;font-size:.95rem;transition:var(--transition)}input:focus{outline:none;border-color:hsl(var(--primary));background:#0000004d;box-shadow:0 0 0 3px var(--primary-glow)}input::placeholder{color:hsl(var(--text-secondary))}label{display:block;font-size:.85rem;font-weight:500;margin-bottom:8px;color:hsl(var(--text-secondary))}.status-badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.status-online{background:hsl(var(--success) / .15);color:hsl(var(--success));border:1px solid hsl(var(--success) / .2)}.status-offline{background:#ffffff0d;color:hsl(var(--text-secondary));border:1px solid rgba(255,255,255,.1)}.status-warning{background:hsl(var(--warning) / .15);color:hsl(var(--warning));border:1px solid hsl(var(--warning) / .2)}.status-locked{background:hsl(var(--warning) / .1);color:hsl(var(--warning));border:1px solid hsl(var(--warning) / .15);box-shadow:0 0 10px hsl(var(--warning) / .1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.grid{display:grid}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.container{padding:1rem}.navbar{padding:.75rem 1rem}.logo span{display:none}h1{font-size:1.5rem!important}.grid{grid-template-columns:1fr!important}.glass-card{padding:1.25rem!important}.navbar .flex.items-center.gap-6{gap:.75rem}.navbar .btn-outline{padding:6px 8px!important;font-size:.75rem!important}.navbar span{display:none}}