:root{--glass-bg: rgba(15, 23, 42, .4);--glass-bg-light: rgba(15, 23, 42, .25);--glass-bg-heavy: rgba(15, 23, 42, .6);--glass-bg-solid: rgba(15, 23, 42, .85);--glass-border: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .05);--glass-border-strong: rgba(255, 255, 255, .12);--glass-border-accent: rgba(139, 92, 246, .3);--glass-blur-sm: 8px;--glass-blur: 16px;--glass-blur-lg: 24px;--glass-blur-xl: 32px;--glow-cyan: rgba(6, 182, 212, .4);--glow-purple: rgba(139, 92, 246, .4);--glow-pink: rgba(219, 39, 119, .4);--glow-green: rgba(34, 197, 94, .4);--glow-amber: rgba(245, 158, 11, .4);--glass-transition: all .3s cubic-bezier(.4, 0, .2, 1);--glass-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--glass-transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;transition:var(--glass-transition)}.glass:hover{background:var(--glass-bg-heavy);border-color:var(--glass-border-strong)}.glass-light{background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border-light);border-radius:12px}.glass-heavy{background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border:1px solid var(--glass-border-strong);border-radius:20px}.glass-solid{background:var(--glass-bg-solid);backdrop-filter:blur(var(--glass-blur-xl));-webkit-backdrop-filter:blur(var(--glass-blur-xl));border:1px solid var(--glass-border);border-radius:16px}.glass-premium{position:relative;background:linear-gradient(135deg,#0f172a80,#1e293b66,#0f172a80);backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border:1px solid var(--glass-border-accent);border-radius:20px;box-shadow:0 4px 6px #0000001a,0 0 40px #8b5cf614,inset 0 1px #ffffff0d;transition:var(--glass-transition)}.glass-premium:hover{border-color:#8b5cf680;box-shadow:0 8px 25px #0003,0 0 60px #8b5cf626,inset 0 1px #ffffff14;transform:translateY(-4px)}.glass-glow{position:relative;overflow:visible}.glass-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-purple),var(--glow-pink));border-radius:inherit;opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(12px)}.glass-glow:hover:before{opacity:.6}.glass-glow-cyan:before{background:var(--glow-cyan)}.glass-glow-purple:before{background:var(--glow-purple)}.glass-glow-pink:before{background:var(--glow-pink)}.glass-glow-green:before{background:var(--glow-green)}.glass-glow-amber:before{background:var(--glow-amber)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:var(--glass-transition)}.glass-card:hover{background:var(--glass-bg-heavy);border-color:var(--glass-border-strong);transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.glass-card-sm{padding:1rem;border-radius:12px}.glass-card-lg{padding:2rem;border-radius:20px}.glass-card-accent{border-left:3px solid;border-left-color:var(--accent-color, #8b5cf6)}.glass-card-accent.cyan{--accent-color: #06b6d4}.glass-card-accent.purple{--accent-color: #8b5cf6}.glass-card-accent.pink{--accent-color: #db2777}.glass-card-accent.green{--accent-color: #22c55e}.glass-card-accent.amber{--accent-color: #f59e0b}.glass-stat{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0f172a80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border-light);border-radius:100px;font-size:.875rem;transition:var(--glass-transition-fast)}.glass-stat:hover{background:#0f172ab3;border-color:var(--glass-border)}.glass-stat-value{font-weight:700;font-family:JetBrains Mono,monospace;color:#fff}.glass-stat-label{color:#a0aec0cc;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.glass-stats-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:100px;flex-wrap:wrap;justify-content:center}.glass-stats-bar .divider{width:1px;height:24px;background:#ffffff1a}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);border-radius:12px;color:#ffffffe6;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--glass-transition);text-decoration:none}.glass-btn:hover{background:var(--glass-bg-heavy);border-color:var(--glass-border-accent);transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.glass-btn:active{transform:translateY(0)}.glass-btn-primary{background:#8b5cf633;border-color:#8b5cf666}.glass-btn-primary:hover{background:#8b5cf64d;border-color:#8b5cf699;box-shadow:0 8px 20px #8b5cf633}.glass-btn-success{background:#22c55e26;border-color:#22c55e4d}.glass-btn-success:hover{background:#22c55e40;border-color:#22c55e80}.glass-btn-sm{padding:.5rem 1rem;font-size:.8rem;border-radius:8px}.glass-btn-lg{padding:1rem 2rem;font-size:1rem;border-radius:16px}.glass-header{background:#0f172a4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border-light);padding:1rem 2rem}.glass-section{background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;padding:2rem;margin-bottom:2rem}.glass-section-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.glass-section-title i{color:#8b5cf6}.glass-input{width:100%;padding:.75rem 1rem;background:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:10px;color:#fff;font-size:.9rem;transition:var(--glass-transition-fast)}.glass-input:focus{outline:none;border-color:var(--glass-border-accent);box-shadow:0 0 0 3px #8b5cf61a}.glass-input::-moz-placeholder{color:#a0aec080}.glass-input::placeholder{color:#a0aec080}.glass-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border-light);border-radius:12px}.glass-tab{padding:.6rem 1.25rem;background:transparent;border:none;border-radius:8px;color:#a0aec0cc;font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--glass-transition-fast)}.glass-tab:hover{background:#ffffff0d;color:#fff}.glass-tab.active{background:var(--glass-bg-heavy);color:#fff;box-shadow:0 2px 8px #00000026}.glass-status{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.glass-status-dot{width:8px;height:8px;border-radius:50%;animation:status-pulse 2s ease-in-out infinite}.glass-status.online{border:1px solid rgba(34,197,94,.3);color:#22c55e}.glass-status.online .glass-status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.glass-status.offline{border:1px solid rgba(239,68,68,.3);color:#ef4444}.glass-status.offline .glass-status-dot{background:#ef4444;box-shadow:0 0 8px #ef4444;animation:none}.glass-status.warning{border:1px solid rgba(245,158,11,.3);color:#f59e0b}.glass-status.warning .glass-status-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.glass-grid{display:grid;gap:1.5rem}.glass-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.glass-grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.glass-grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.glass-hero{position:relative;padding:4rem 2rem;background:linear-gradient(135deg,#0f172a66,#1e293b4d,#0f172a66);backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border:1px solid var(--glass-border);border-radius:24px;text-align:center;overflow:hidden}.glass-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.15) 0%,transparent 60%);pointer-events:none}.glass-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,#fff,#06b6d4,#8b5cf6 60%,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;position:relative}.glass-hero-subtitle{font-size:1.125rem;color:#a0aec0e6;max-width:600px;margin:0 auto 2rem;position:relative}@keyframes glass-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glass-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-animate-in{animation:glass-fade-in .5s ease-out forwards}.glass-animate-scale{animation:glass-scale-in .4s ease-out forwards}.glass-stagger-1{animation-delay:.1s}.glass-stagger-2{animation-delay:.2s}.glass-stagger-3{animation-delay:.3s}.glass-stagger-4{animation-delay:.4s}.glass-stagger-5{animation-delay:.5s}@media (max-width: 768px){.glass-hero{padding:2.5rem 1.5rem}.glass-section{padding:1.5rem;border-radius:16px}.glass-stats-bar{padding:.75rem 1rem;gap:.75rem}.glass-stats-bar .divider{display:none}.glass-card-lg{padding:1.5rem}}@media (prefers-reduced-motion: reduce){.glass,.glass-card,.glass-btn,.glass-premium{transition:none}.glass-status-dot{animation:none}.glass-animate-in,.glass-animate-scale{animation:none;opacity:1;transform:none}}