:root{--bg-deep: #060a10;--bg-primary: #0a0f18;--bg-surface: rgba(16, 22, 36, .7);--bg-surface-solid: #101624;--bg-elevated: rgba(22, 30, 50, .8);--bg-card: rgba(14, 20, 35, .6);--border-subtle: rgba(56, 86, 140, .2);--border-glow: rgba(56, 139, 253, .3);--accent-blue: #58a6ff;--accent-cyan: #39d2c0;--accent-purple: #bc8cff;--accent-orange: #f0883e;--accent-green: #3fb950;--accent-red: #f85149;--accent-gold: #d29922;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--glass-bg: rgba(12, 18, 30, .65);--glass-border: rgba(56, 139, 253, .15);--glass-blur: 16px;--glow-blue: 0 0 20px rgba(56, 139, 253, .15), 0 0 40px rgba(56, 139, 253, .05);--glow-cyan: 0 0 20px rgba(57, 210, 192, .15), 0 0 40px rgba(57, 210, 192, .05);--glow-purple: 0 0 20px rgba(188, 140, 255, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}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)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #388bfd33}50%{box-shadow:0 0 20px #388bfd66,0 0 40px #388bfd1a}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes orbitSlow{0%{transform:rotate(0) translate(150px) rotate(0)}to{transform:rotate(360deg) translate(150px) rotate(-360deg)}}@keyframes orbitMed{0%{transform:rotate(120deg) translate(200px) rotate(-120deg)}to{transform:rotate(480deg) translate(200px) rotate(-480deg)}}@keyframes orbitFast{0%{transform:rotate(240deg) translate(100px) rotate(-240deg)}to{transform:rotate(600deg) translate(100px) rotate(-600deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:#388bfd26}50%{border-color:#388bfd66}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ripple{0%{transform:scale(1);opacity:.4}to{transform:scale(2.5);opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#388bfd59;box-shadow:var(--glow-blue);transform:translateY(-1px)}.glass-card-static{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:var(--radius-lg)}.stat-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px 18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent, var(--accent-blue)),transparent);opacity:0;transition:opacity .3s}.stat-card:hover{border-color:#388bfd66;box-shadow:0 4px 24px #0000004d,var(--glow-blue);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-secondary);text-decoration:none;font-size:15px;cursor:pointer;transition:all .2s ease;border-left:2px solid transparent;position:relative;margin:1px 0}.nav-link:hover{color:var(--text-primary);background:#388bfd0f;border-left-color:#388bfd4d}.nav-link.active{color:var(--text-primary);background:#388bfd1a;border-left-color:var(--accent-blue)}.nav-link.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:60%;background:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue)}.btn-primary{background:linear-gradient(135deg,#238636,#2ea043);border:none;border-radius:var(--radius-sm);padding:10px 18px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 0 20px #2ea0434d;transform:translateY(-1px)}.btn-ghost{background:#388bfd14;border:1px solid rgba(56,139,253,.2);border-radius:var(--radius-sm);padding:8px 14px;color:var(--accent-blue);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:#388bfd26;border-color:var(--accent-blue);box-shadow:0 0 12px #388bfd26}.input-glass{background:#060a1099;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 14px;font-size:15px;font-family:inherit;outline:none;transition:all .2s ease;width:100%}.input-glass:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #388bfd1a,0 0 12px #388bfd1a}.input-glass::placeholder{color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;position:relative}.status-dot.online{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-dot.online:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid var(--accent-green);animation:ripple 2s ease-out infinite}.status-dot.error{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.status-dot.idle{background:var(--text-muted)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#38568c4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#38568c80}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-deep);overflow:hidden}.login-bg:before{content:"";position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(56,139,253,.08) 0%,transparent 70%);animation:breathe 4s ease-in-out infinite}.login-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.login-orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(56,139,253,.3),transparent);top:20%;left:15%;animation:float 8s ease-in-out infinite}.login-orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(188,140,255,.25),transparent);bottom:20%;right:15%;animation:float 10s ease-in-out infinite 2s}.login-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(57,210,192,.2),transparent);top:60%;left:60%;animation:float 12s ease-in-out infinite 4s}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,139,253,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,139,253,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.dashboard-mesh{position:fixed;top:0;right:0;width:50%;height:100%;pointer-events:none;z-index:0;opacity:.4;background:radial-gradient(ellipse at 80% 20%,rgba(56,139,253,.06) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(188,140,255,.04) 0%,transparent 50%)}.badge{font-size:12px;padding:3px 10px;border-radius:20px;font-weight:500;letter-spacing:.3px}.badge-green{background:#3fb9501f;color:var(--accent-green);border:1px solid rgba(63,185,80,.2)}.badge-red{background:#f851491f;color:var(--accent-red);border:1px solid rgba(248,81,73,.2)}.badge-blue{background:#388bfd1f;color:var(--accent-blue);border:1px solid rgba(56,139,253,.2)}.badge-yellow{background:#d299221f;color:var(--accent-gold);border:1px solid rgba(210,153,34,.2)}.badge-purple{background:#bc8cff1f;color:var(--accent-purple);border:1px solid rgba(188,140,255,.2)}.badge-gray{background:#8b949e1f;color:var(--text-secondary);border:1px solid rgba(139,148,158,.2)}.animated-number{animation:countUp .5s ease-out forwards;display:inline-block}.notif-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#da3633,#f85149);color:#fff;font-size:11px;font-weight:700;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center;box-shadow:0 0 8px #da363366;animation:pulse 2s ease-in-out infinite}.notif-dropdown{animation:slideDown .2s ease-out}@keyframes dashSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes dataFlow{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes glowIntensify{0%,to{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 24px currentColor)}}.network-node:hover circle{filter:drop-shadow(0 0 12px currentColor);transition:filter .3s ease}.stat-card:hover .stat-arrow{opacity:1!important}@media (max-width: 768px){.chat-sidebar{display:none!important}.chat-page{flex-direction:column!important}.kanban-board{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.kanban-board>div{min-width:260px!important;scroll-snap-align:start}table{font-size:12px}th,td{padding:6px 8px!important}}