@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap";:root{--bg-void: #020408;--bg-deep: #060c14;--bg-base: #0a1220;--bg-surface: #0f1a2e;--bg-elevated: #152238;--bg-hover: #1a2a42;--cyan: #00e5ff;--cyan-dim: #00b4cc;--cyan-glow: rgba(0,229,255,.15);--cyan-glow-strong: rgba(0,229,255,.3);--blue: #2979ff;--blue-dim: #1a56db;--blue-glow: rgba(41,121,255,.2);--green: #00ff88;--green-dim: #00cc6a;--orange: #ff9500;--red: #ff3d57;--gold: #ffd700;--purple: #9c4dff;--text-primary: #e8f4ff;--text-secondary: #7a9fc0;--text-muted: #3d5a7a;--text-accent: var(--cyan);--border-dim: rgba(0,229,255,.08);--border-base: rgba(0,229,255,.15);--border-bright: rgba(0,229,255,.4);--font-display: "Rajdhani", sans-serif;--font-body: "Exo 2", sans-serif;--font-mono: "Share Tech Mono", monospace;--sidebar-w: 240px;--radius: 4px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-dim)}::selection{background:var(--cyan-glow-strong);color:var(--cyan)}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--text-primary)}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-cyan{color:var(--cyan)}.text-muted{color:var(--text-muted)}.grid-bg{background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px);background-size:40px 40px}.card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:border-color .2s}.card:hover{border-color:var(--border-base)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-dim),transparent);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-green 2s infinite}.status-dot.offline{background:var(--text-muted)}.status-dot.warning{background:var(--orange);box-shadow:0 0 8px var(--orange)}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.btn-primary{background:linear-gradient(135deg,var(--blue-dim),var(--blue));color:#fff;padding:10px 24px;border-radius:var(--radius);font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;transition:all .2s;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 0 20px var(--blue-glow),0 4px 12px #0006;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 24px;border-radius:var(--radius);border:1px solid var(--border-base);font-weight:500;font-size:13px;letter-spacing:.05em;text-transform:uppercase;transition:all .2s}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 15px var(--cyan-glow)}.btn-danger{background:#ff3d5726;color:var(--red);padding:10px 24px;border-radius:var(--radius);border:1px solid rgba(255,61,87,.3);font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;transition:all .2s}.btn-danger:hover{background:#ff3d5740;box-shadow:0 0 15px #ff3d5733}.input-field{width:100%;background:var(--bg-deep);border:1px solid var(--border-dim);border-radius:var(--radius);color:var(--text-primary);padding:11px 14px;font-size:14px;transition:all .2s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--cyan-dim);box-shadow:0 0 0 2px var(--cyan-glow),0 0 15px var(--cyan-glow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:fadeInUp .4s ease forwards}.animate-in-delay-1{animation:fadeInUp .4s ease .1s both}.animate-in-delay-2{animation:fadeInUp .4s ease .2s both}.animate-in-delay-3{animation:fadeInUp .4s ease .3s both}.animate-in-delay-4{animation:fadeInUp .4s ease .4s both}.page-header{margin-bottom:28px}.page-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:.04em;color:var(--text-primary);margin-bottom:4px}.page-subtitle{color:var(--text-muted);font-size:13px}.section-label{font-size:10px;font-family:var(--font-display);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:8px 16px;text-align:left;font-size:10px;font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-dim);background:var(--bg-deep)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-dim);font-size:13px}.data-table tr:hover td{background:var(--bg-elevated)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:10px;font-family:var(--font-display);font-weight:700;letter-spacing:.08em;text-transform:uppercase}