@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#060a13;--bg-secondary:#0d1425;--bg-tertiary:#152038;--bg-elevated:#1a2744;--bg-surface:#0d1425b3;--text-primary:#f0f2f5;--text-secondary:#8b95a8;--text-muted:#505b6e;--text-inverse:#060a13;--accent-cyan:#22d3ee;--accent-blue:#60a5fa;--accent-green:#34d399;--accent-yellow:#fbbf24;--accent-red:#f87171;--accent-purple:#a78bfa;--accent-orange:#fb923c;--accent-pink:#f472b6;--accent-cyan-dim:#22d3ee14;--accent-blue-dim:#60a5fa14;--accent-green-dim:#34d39914;--accent-yellow-dim:#fbbf2414;--accent-red-dim:#f8717114;--accent-purple-dim:#a78bfa14;--border-glow:#22d3ee33;--border-muted:#ffffff0f;--border-subtle:#ffffff08;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 16px 64px #00000080;--shadow-glow-cyan:0 0 30px #22d3ee26;--shadow-glow-red:0 0 30px #f8717126;--shadow-glow-green:0 0 30px #34d39926;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease-out-expo);--transition-normal:.3s var(--ease-out-expo);--transition-slow:.5s var(--ease-out-expo);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);margin:0;padding:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(80% 60% at 10% 20%,#22d3ee0f 0%,#0000 60%),radial-gradient(60% 50% at 90% 80%,#a78bfa0d 0%,#0000 60%),radial-gradient(70% 40%,#60a5fa0a 0%,#0000 60%);animation:20s ease-in-out infinite alternate meshFloat;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}@keyframes meshFloat{0%{background:radial-gradient(80% 60% at 10% 20%,#22d3ee0f 0%,#0000 60%),radial-gradient(60% 50% at 90% 80%,#a78bfa0d 0%,#0000 60%),radial-gradient(70% 40%,#60a5fa0a 0%,#0000 60%)}50%{background:radial-gradient(70% 55% at 30% 70%,#22d3ee12 0%,#0000 60%),radial-gradient(50% 60% at 70% 20%,#a78bfa0f 0%,#0000 60%),radial-gradient(80% 50% at 50% 40%,#34d39908 0%,#0000 60%)}to{background:radial-gradient(60% 50% at 80% 30%,#60a5fa0f 0%,#0000 60%),radial-gradient(70% 60% at 20% 60%,#22d3ee0d 0%,#0000 60%),radial-gradient(50% 40% at 60% 80%,#a78bfa0a 0%,#0000 60%)}}code,pre,.font-mono{font-family:JetBrains Mono,Fira Code,monospace}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-blue)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.glass-card,.glass-card-flat{-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--border-muted);border-radius:var(--radius-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);background:linear-gradient(135deg,#0d1425a6 0%,#15203873 100%);position:relative;overflow:hidden}.glass-card:before,.glass-card-flat:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 50%);position:absolute;inset:0}.glass-card:hover,.glass-card-flat:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow-cyan)}.glass-card:hover{transform:translateY(-2px)}.glow-text-cyan{text-shadow:0 0 12px #22d3ee66,0 0 40px #22d3ee26}.glow-text-red{text-shadow:0 0 12px #f8717166,0 0 40px #f8717126}.glow-text-green{text-shadow:0 0 12px #34d39966,0 0 40px #34d39926}.glow-text-purple{text-shadow:0 0 12px #a78bfa66,0 0 40px #a78bfa26}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1deg)}66%{transform:translateY(4px)rotate(-1deg)}}@keyframes borderGlow{0%,to{border-color:#22d3ee33;box-shadow:0 0 5px #22d3ee33}50%{border-color:#22d3ee80;box-shadow:0 0 20px #22d3ee66}}@keyframes pulse-yellow{0%,to{border-color:#fbbf244d;box-shadow:0 0 8px #fbbf2433}50%{border-color:#fbbf24cc;box-shadow:0 0 20px #fbbf2480}}@keyframes pulse-red{0%,to{background:#f8717108;border-color:#f871714d;box-shadow:0 0 8px #f8717133}50%{background:#f871711a;border-color:#f87171cc;box-shadow:0 0 24px #f8717180}}@keyframes flash-green{0%{background:#34d39966}to{background:0 0}}@keyframes blink{50%{opacity:0}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressCountdown{0%{width:100%}to{width:0%}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes orbPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes statusDot{0%,to{opacity:1}50%{opacity:.4}}.animate-fadeInUp{animation:fadeInUp .6s var(--ease-out-expo) both}.animate-fadeIn{animation:fadeIn .5s var(--ease-out-expo) both}.animate-slideInRight{animation:slideInRight .5s var(--ease-out-expo) both}.animate-slideInLeft{animation:slideInLeft .4s var(--ease-out-expo) both}.animate-scaleIn{animation:scaleIn .4s var(--ease-out-expo) both}.animate-pulse-yellow{animation:2s infinite pulse-yellow}.animate-pulse-red{animation:1.5s infinite pulse-red}.animate-flash-green{animation:1s ease-out flash-green}.animate-float{animation:6s ease-in-out infinite float}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.console-cursor{animation:1s step-end infinite blink}.btn-cyber-cyan{color:#fff;letter-spacing:.01em;transition:all var(--transition-fast);cursor:pointer;background:linear-gradient(135deg,#0891b2 0%,#0e7490 50%,#0284c7 100%);border:none;font-family:Outfit,sans-serif;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 16px #22d3ee33,inset 0 1px #ffffff1a}.btn-cyber-cyan:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#0000 0%,#ffffff1a 100%);position:absolute;inset:0}.btn-cyber-cyan:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22d3ee4d,inset 0 1px #ffffff26}.btn-cyber-cyan:hover:before{opacity:1}.btn-cyber-cyan:active{transform:translateY(0);box-shadow:0 2px 8px #22d3ee33}.btn-cyber-cyan:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-cyber-red{color:#fff;letter-spacing:.01em;transition:all var(--transition-fast);cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,#991b1b 100%);border:none;font-family:Outfit,sans-serif;font-weight:600;box-shadow:0 4px 16px #f8717126,inset 0 1px #ffffff1a}.btn-cyber-red:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f8717140,inset 0 1px #ffffff26}.btn-cyber-red:active{transform:translateY(0)}.btn-ghost{border:1px solid var(--border-muted);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;font-family:Outfit,sans-serif;font-weight:500}.btn-ghost:hover{color:var(--text-primary);background:#ffffff08;border-color:#ffffff26}.input-field,input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{background:var(--bg-primary);border:1px solid var(--border-muted);color:var(--text-primary);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);font-family:Outfit,sans-serif}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,select:focus,textarea:focus,.input-field:focus{border-color:var(--accent-cyan);background:#060a13e6;outline:none;box-shadow:0 0 0 3px #22d3ee1a,0 0 16px #22d3ee0d}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23505b6e' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}select option{background:var(--bg-secondary);color:var(--text-primary)}.status-toast{animation:toastSlideIn .4s var(--ease-spring) both;position:relative;overflow:hidden}.status-toast:after{content:"";width:100%;height:2px;animation:4s linear forwards progressCountdown;position:absolute;bottom:0;left:0}.status-toast.toast-success{color:var(--accent-green);box-shadow:var(--shadow-glow-green);background:linear-gradient(135deg,#064e3be6 0%,#0d1425f2 100%);border:1px solid #34d3994d}.status-toast.toast-success:after{background:linear-gradient(90deg, var(--accent-green), transparent)}.status-toast.toast-error{color:var(--accent-red);box-shadow:var(--shadow-glow-red);background:linear-gradient(135deg,#7f1d1de6 0%,#0d1425f2 100%);border:1px solid #f871714d}.status-toast.toast-error:after{background:linear-gradient(90deg, var(--accent-red), transparent)}.status-toast.toast-info{color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);background:linear-gradient(135deg,#0e4250e6 0%,#0d1425f2 100%);border:1px solid #22d3ee4d}.status-toast.toast-info:after{background:linear-gradient(90deg, var(--accent-cyan), transparent)}.grid-table{border-radius:var(--radius-md);border:1px solid var(--border-muted);background:var(--bg-secondary);display:grid;overflow:hidden}.grid-table-header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:600;display:contents}.grid-table-row{display:contents}.grid-table-row:hover>div{background:#22d3ee05}.grid-table-row:nth-child(2n)>div{background:#ffffff02}.grid-table-row:nth-child(2n):hover>div{background:#22d3ee08}.grid-table-cell{border-bottom:1px solid var(--border-subtle);white-space:nowrap;text-overflow:ellipsis;transition:background var(--transition-fast);padding:12px 16px;overflow:hidden}.grid-table-header>.grid-table-cell{color:var(--text-secondary);background:linear-gradient(#152038e6 0%,#0d1425e6 100%);border-bottom:1px solid #22d3ee1a;padding:14px 16px}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:.875rem;font-weight:500;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{color:var(--text-primary);background:#ffffff08}.sidebar-link.active{color:var(--accent-cyan);border-left:3px solid var(--accent-cyan);background:linear-gradient(90deg,#22d3ee14 0%,#0000 100%);padding-left:13px;box-shadow:inset 3px 0 12px #22d3ee0d}.sidebar-link.active:before{content:"";background:var(--accent-cyan);border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 12px #22d3ee99}.stat-card{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-muted);transition:all var(--transition-normal);background:linear-gradient(135deg,#0d142599 0%,#15203866 100%);padding:24px;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card.accent-cyan:before{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue))}.stat-card.accent-green:before{background:linear-gradient(90deg, var(--accent-green), var(--accent-cyan))}.stat-card.accent-purple:before{background:linear-gradient(90deg, var(--accent-purple), var(--accent-pink))}.stat-card.accent-yellow:before{background:linear-gradient(90deg, var(--accent-yellow), var(--accent-orange))}.stat-card.accent-red:before{background:linear-gradient(90deg, var(--accent-red), var(--accent-orange))}.stat-card.accent-blue:before{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple))}pre.code-block{border:1px solid var(--border-muted);border-radius:var(--radius-md);color:var(--text-secondary);background:linear-gradient(135deg,#060a13e6 0%,#0d1425cc 100%);padding:20px 24px;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.7;position:relative;overflow-x:auto}pre.code-block:before{content:"";background:linear-gradient(90deg,#0000 0%,#22d3ee33 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px)saturate(.8);backdrop-filter:blur(8px)saturate(.8);background:radial-gradient(#0009 0%,#000000d9 100%);justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{animation:scaleIn .3s var(--ease-spring) both}.badge{letter-spacing:.02em;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.625rem;font-weight:600;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#22d3ee1a;border-color:#22d3ee33}.badge-blue{color:var(--accent-blue);background:#60a5fa1a;border-color:#60a5fa33}.badge-green{color:var(--accent-green);background:#34d3991a;border-color:#34d39933}.badge-yellow{color:var(--accent-yellow);background:#fbbf241a;border-color:#fbbf2433}.badge-red{color:var(--accent-red);background:#f871711a;border-color:#f8717133}.badge-purple{color:var(--accent-purple);background:#a78bfa1a;border-color:#a78bfa33}.badge-orange{color:var(--accent-orange);background:#fb923c1a;border-color:#fb923c33}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite statusDot;display:inline-block}.status-dot.online{background:var(--accent-green);box-shadow:0 0 8px #34d39980}.status-dot.offline{background:var(--accent-red);box-shadow:0 0 8px #f8717180}.status-dot.warning{background:var(--accent-yellow);box-shadow:0 0 8px #fbbf2480}.logo-orb{background:linear-gradient(135deg,#0891b2 0%,#2563eb 50%,#7c3aed 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;animation:4s ease-in-out infinite orbPulse;display:flex;position:relative;box-shadow:0 8px 32px #22d3ee40,0 0 60px #22d3ee1a,inset 0 1px #ffffff26}.logo-orb:after{content:"";z-index:-1;filter:blur(8px);background:linear-gradient(135deg,#22d3ee4d,#0000 60%);border-radius:18px;position:absolute;inset:-2px}.progress-bar{background:var(--bg-primary);border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));height:100%;transition:width .5s var(--ease-out-expo);border-radius:10px;position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer;position:absolute;inset:0}.empty-state{text-align:center;color:var(--text-muted);border-radius:var(--radius-lg);background:#ffffff03;border:1px dashed #ffffff0f;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state svg{opacity:.25;margin-bottom:12px;animation:6s ease-in-out infinite float}@media (width<=768px){.glass-card:hover,.stat-card:hover{transform:none}}