@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--bg-primary: #080B11;--bg-secondary: #0F131C;--bg-card: rgba(18, 24, 38, .65);--border-card: rgba(255, 255, 255, .07);--text-primary: #F3F4F6;--text-secondary: #9CA3AF;--text-muted: #6B7280;--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-primary-glow: rgba(99, 102, 241, .15);--color-accent: #06B6D4;--color-success: #10B981;--color-success-glow: rgba(16, 185, 129, .15);--color-warning: #F59E0B;--color-danger: #EF4444;--color-danger-glow: rgba(239, 68, 68, .15);--font-display: "Outfit", "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Fira Code", monospace;--sidebar-width: 260px;--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.bg-glow-purple{position:absolute;width:400px;height:400px;background:radial-gradient(circle,#6366f114,#0000 70%);z-index:0;pointer-events:none}.bg-glow-cyan{position:absolute;width:400px;height:400px;background:radial-gradient(circle,#06b6d40d,#0000 70%);z-index:0;pointer-events:none}.app-container{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-card);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:10}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem;min-height:100vh;position:relative}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-4px);border-color:#ffffff1f;box-shadow:0 12px 40px #0006}.gradient-text{background:linear-gradient(135deg,#fff 30%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-accent-text{background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:1rem;font-family:var(--font-display);font-weight:500;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-card);text-transform:uppercase;letter-spacing:.05em}.custom-table td{padding:1rem;border-bottom:1px solid var(--border-card);font-size:.925rem;color:var(--text-primary);vertical-align:middle}.custom-table tr{transition:background-color .2s ease}.custom-table tr:hover{background-color:#ffffff05}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge-success{background-color:var(--color-success-glow);color:var(--color-success);border:1px solid rgba(16,185,129,.25)}.badge-danger{background-color:var(--color-danger-glow);color:var(--color-danger);border:1px solid rgba(239,68,68,.25)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.pulse-dot{width:8px;height:8px;border-radius:50%;position:relative}.pulse-dot-online{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.pulse-dot-online:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--color-success);animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-control{width:100%;background-color:#0f131ccc;border:1px solid var(--border-card);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-body);transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f140}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-family:var(--font-display);font-weight:500;font-size:.925rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #6366f140}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.btn-secondary{background-color:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover{background-color:#ffffff14;border-color:#ffffff26}.btn-danger{background-color:var(--color-danger);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px)}.terminal-console{background-color:#030712;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;font-family:var(--font-mono);font-size:.8125rem;color:#a7f3d0;height:380px;overflow-y:auto;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}