@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Syne:wght@400;600;700;800&display=swap";:root{--bg: #050505;--panel: rgba(18, 19, 22, .6);--panel2: rgba(26, 28, 32, .7);--border: rgba(0, 240, 255, .15);--border-hover: rgba(0, 240, 255, .4);--text: rgba(255, 255, 255, .95);--muted: rgba(255, 255, 255, .55);--muted2: rgba(255, 255, 255, .3);--accent: #00F0FF;--accent-glow: rgba(0, 240, 255, .5);--danger: #FF2A4D;--danger-glow: rgba(255, 42, 77, .5);--ok: #00FF9D;--warn: #FFD600;color-scheme:dark;font-family:Manrope,system-ui,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes pulse-glow{0%{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 15px var(--accent-glow)}to{box-shadow:0 0 5px var(--accent-glow)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}h1,h2,h3,h4,h5,h6,.brandName,.cardTitle{font-family:Syne,sans-serif}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(1200px 800px at 15% 5%,rgba(0,240,255,.12),transparent 60%),radial-gradient(1000px 600px at 85% 90%,rgba(0,255,157,.08),transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");color:var(--text);overflow-x:hidden}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}*{box-sizing:border-box}.btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:6px;font-family:Syne,sans-serif;font-weight:600;font-size:13px;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn:hover:before{left:150%}.btn:hover{background:#ffffff14;border-color:var(--border-hover);transform:translateY(-1px)}.btnSecondary{background:transparent;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.btnSecondary:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px -10px #00000080;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 40%,transparent),transparent);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 20px 40px -15px #00f0ff14}.card:hover:after{opacity:1}.pill{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-family:Syne,sans-serif;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}.pill-up{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent);border-color:color-mix(in srgb,var(--ok) 30%,transparent);box-shadow:0 0 10px #00ff9d33}.pill-down,.pill-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent);box-shadow:0 0 10px #ff2a4d33}.pill-loading{color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);border-color:color-mix(in srgb,var(--warn) 30%,transparent);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 20px var(--accent-glow)}to{transform:scale(1);opacity:.8}}@keyframes flow-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.pulseCard{align-items:center;justify-content:center;min-height:200px}.pulseContainer{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:10px 0}.pulseCircle{position:absolute;width:60px;height:60px;border-radius:50%;background:var(--accent-glow);filter:blur(15px);animation:pulse-glow 2s infinite}.pulseScore{position:relative;font-size:32px;font-weight:800;font-family:Syne,sans-serif;color:#fff;text-shadow:0 0 10px var(--accent-glow)}.streamCard .eventStream{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.eventItem{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff08;border-radius:8px;border:1px solid var(--border);transition:transform .2s}.eventItem:hover{transform:translate(4px);border-color:var(--accent)}.severityPill{padding:2px 8px;border-radius:4px;font-size:9px;font-weight:900;color:#fff;text-transform:uppercase}.sev-low{background:var(--ok)}.sev-medium{background:var(--warn)}.sev-high{background:var(--danger);box-shadow:0 0 8px var(--danger)}.sev-critical{background:#f0f;box-shadow:0 0 10px #f0f}.eventInfo{flex:1;display:flex;flex-direction:column}.eventType{font-size:13px;font-weight:600;color:var(--accent)}.eventTarget{font-size:10px;color:var(--muted)}.eventTime{font-size:10px;color:var(--muted2);font-family:monospace}.healthList{display:flex;flex-direction:column;gap:12px}.healthItem{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff05;border-radius:10px;border:1px solid var(--border)}.healthModule{display:flex;align-items:center;gap:10px}.healthIcon{color:var(--muted)}.healthIcon.status-up{color:var(--ok);filter:drop-shadow(0 0 5px var(--ok))}.healthName{font-size:13px;font-weight:500}.healthDot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.healthDot.dot-up{background:var(--ok);box-shadow:0 0 8px var(--ok)}.layoutShell{display:flex;min-height:100vh;background-color:var(--bg);color:var(--text);overflow:hidden}.sidebar{width:260px;background:#0c0d10b3;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.25,1,.5,1);z-index:10;box-shadow:5px 0 25px #00000080}html[dir=rtl] .sidebar{box-shadow:-5px 0 25px #00000080}.sidebarBrand{padding:24px 20px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.brandName{font-size:22px;font-weight:800;color:var(--accent);letter-spacing:.5px;text-transform:uppercase}.brandSub{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.sidebarNav{flex:1;padding:20px 10px;display:flex;flex-direction:column;gap:8px}.sidebarLink{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--muted);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);border:1px solid transparent}.sidebarLink:hover{background:#ffffff0d;color:var(--text);transform:translate(4px);border-color:#ffffff0d}html[dir=rtl] .sidebarLink:hover{transform:translate(-4px)}.sidebarLink.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,transparent),transparent);color:var(--accent);border-color:var(--border);box-shadow:inset 4px 0 0 var(--accent)}html[dir=rtl] .sidebarLink.active{background:linear-gradient(-90deg,color-mix(in srgb,var(--accent) 15%,transparent),transparent);box-shadow:inset -4px 0 0 var(--accent)}.sidebarIcon{opacity:.9;filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}.sidebarLink.active .sidebarIcon{filter:drop-shadow(0 0 5px var(--accent-glow))}.sidebarFooter{padding:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;background:#0003}.sidebarBtn{display:flex;align-items:center;justify-content:center;gap:8px;appearance:none;border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebarBtn:hover{border-color:var(--border-hover);background:#ffffff14}.dangerBtn{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.dangerBtn:hover{background-color:color-mix(in srgb,var(--danger) 15%,transparent);border-color:var(--danger)}.mainContent{flex:1;display:flex;flex-direction:column;overflow:auto;position:relative;background:radial-gradient(1000px 500px at top left,rgba(0,240,255,.05),transparent 70%),radial-gradient(800px 600px at bottom right,rgba(0,255,157,.03),transparent 70%)}.mainHeader{height:70px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#0a0a0b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:5;box-shadow:0 4px 20px #0000004d}.headerBreadcrumbs{font-size:14px;color:var(--muted);font-weight:500}.headerProfile{display:flex;align-items:center;gap:12px}.profileAvatar{width:36px;height:36px;border-radius:50%;background-color:color-mix(in srgb,var(--accent) 20%,transparent);border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Syne,sans-serif}.profileInfo{display:flex;flex-direction:column}.profileName{font-size:14px;font-weight:600;color:var(--text);line-height:1.2}.profileRole{font-size:11px;color:var(--muted)}.pageContainer{padding:32px;max-width:1400px;margin:0 auto;width:100%}