:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6edf7;font-synthesis:none;text-rendering:optimizelegibility;background:#050914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%,#2dd4bf30 0,#0000 31rem),radial-gradient(circle at 80% 0,#60a5fa38 0,#0000 34rem),radial-gradient(circle at 45% 90%,#a855f71c 0,#0000 28rem),linear-gradient(135deg,#050914 0%,#08111f 48%,#0a1020 100%);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b809 1px,#0000 1px),linear-gradient(90deg,#94a3b808 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 82%);mask-image:linear-gradient(#000c,#0000 82%)}button,input,select{font:inherit}button{cursor:pointer;color:#03111f;background:linear-gradient(135deg,#7dd3fc,#5eead4);border:0;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-weight:900;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,opacity .2s;display:inline-flex;box-shadow:0 12px 32px #5eead42e}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 46px #5eead43d}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7dd3fc3d}button:disabled{cursor:not-allowed;opacity:.55}select,input{color:#e6edf7;background:#08111feb;border:1px solid #94a3b838;border-radius:14px;outline:none;width:100%;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s}select:focus,input:focus{border-color:#7dd3fcb3;box-shadow:0 0 0 4px #38bdf81c}label{color:#c8d6e7;gap:.5rem;font-weight:800;display:grid}h1,h2,p{margin:0}h1{letter-spacing:-.07em;font-size:clamp(2.35rem,5vw,5.8rem);line-height:.9}h2{letter-spacing:-.02em;font-size:1rem}code{color:#bae6fd;display:block}.center-shell{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#091423e6;border:1px solid #94a3b838;border-radius:30px;gap:1rem;width:min(100%,430px);padding:2rem;display:grid;box-shadow:0 24px 80px #00000061,inset 0 1px #ffffff0d}.login-card.wide{text-align:left;width:min(100%,680px)}.login-card h1{font-size:2rem}.login-card p,.muted{color:#94a9c4;line-height:1.6}.setup-box{background:#0c1829e6;border:1px solid #94a3b833;border-radius:18px;gap:.65rem;padding:1rem;display:grid}.error{color:#fecaca;background:#7f1d1d6b;border:1px solid #f8717173;border-radius:14px;padding:.8rem 1rem}.banner{margin-bottom:1rem}.loader{color:#c8d6e7;align-items:center;gap:.65rem;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{width:min(1580px,100%);margin:0 auto;padding:2rem;position:relative}.hero{justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 0 2rem;display:flex}.hero p{color:#b9c8da;margin-top:.9rem}.hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.45rem;font-size:.76rem;font-weight:950;display:inline-flex;color:#7dd3fc!important;margin:0 0 .85rem!important}.live-dot{background:#34d399;border-radius:999px;width:.55rem;height:.55rem;animation:1.8s ease-out infinite livePulse;box-shadow:0 0 #34d399a6}@keyframes livePulse{70%{box-shadow:0 0 0 9px #34d39900}to{box-shadow:0 0 #34d39900}}.secondary{color:#dbeafe;box-shadow:none;background:#12233ad1;border:1px solid #94a3b838}.secondary:hover:not(:disabled){background:#162d49e6;border-color:#7dd3fc6b}.grid{gap:1rem;display:grid}.overview-grid{grid-template-columns:minmax(320px,.86fr) minmax(0,1.6fr);gap:1rem;display:grid}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f1d31d6,#08111fcc);border:1px solid #94a3b82e;border-radius:26px;padding:1.2rem;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;position:relative;overflow:hidden;box-shadow:0 18px 70px #0000003d,inset 0 1px #ffffff0d}.card:before{content:"";pointer-events:none;opacity:.95;background:linear-gradient(135deg,#7dd3fc17,#0000 34%,#5eead40b);position:absolute;inset:0}.card:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--x,50%) 0%, #7dd3fc14, transparent 38%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.card:hover{border-color:#7dd3fc47;transform:translateY(-2px);box-shadow:0 24px 84px #0000004d,0 0 34px #38bdf80d,inset 0 1px #ffffff0f}.card:hover:after{opacity:1}.card>*{position:relative}.glow-card{box-shadow:0 18px 70px #0000003d,0 0 54px #2dd4bf14,inset 0 1px #ffffff0d}.stat-card{align-content:space-between;gap:.72rem;min-height:195px;display:grid}.stat-top,.section-title{color:#c9dcf2;align-items:center;gap:.6rem;display:flex}.section-title{justify-content:flex-start;margin-bottom:.9rem}.section-title h2{margin-right:auto}.stacked-title{justify-content:space-between;align-items:flex-start}.stacked-title>div{align-items:center;gap:.6rem;display:flex}.panel-meta{color:#94a9c4;align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.icon{color:#7dd3fc;background:#0e2c4ce6;border:1px solid #7dd3fc2e;border-radius:15px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #ffffff0d}.stat-card strong{letter-spacing:-.045em;font-size:2.05rem}.stat-card p{color:#94a9c4;line-height:1.45}.stat-trend{opacity:.95;margin:-.12rem 0}.status-badge,.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.42rem .7rem;font-size:.78rem;font-weight:900;display:inline-flex}.status-badge.healthy,.pill.good{color:#bbf7d0;background:#16653452;border-color:#4ade8047}.status-badge.warning,.pill.warn{color:#fde68a;background:#78350f52;border-color:#fbbf2447}.status-badge.critical{color:#fecaca;background:#7f1d1d66;border-color:#f8717152}.bar{background:#1e293be6;border-radius:999px;width:100%;height:9px;overflow:hidden}.bar span{border-radius:inherit;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1);display:block}.bar.good span{background:linear-gradient(90deg,#38bdf8,#22c55e)}.bar.warn span{background:linear-gradient(90deg,#38bdf8,#f59e0b)}.bar.bad span{background:linear-gradient(90deg,#f97316,#ef4444)}.bar.info span{background:linear-gradient(90deg,#60a5fa,#a78bfa)}.health-card{min-height:100%}.health-body{grid-template-columns:132px 1fr;align-items:center;gap:1rem;display:grid}.health-body strong{letter-spacing:-.08em;font-size:3rem;display:inline-block}.health-body span{color:#94a9c4;font-weight:800}.health-body p{color:#94a9c4;margin-top:.35rem;line-height:1.5}.score-ring{filter:drop-shadow(0 0 18px #5eead42e);width:132px;height:132px;transform:rotate(-90deg)}.score-ring circle{fill:none;stroke-width:12px;stroke:#1e293bf2}.score-ring circle:nth-child(3){stroke:url(#score-gradient);stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}.micro-chart{background:#040a1466;border:1px solid #94a3b81f;border-radius:18px;margin-top:.85rem;padding:.72rem}.micro-chart-title{color:#94a9c4;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.78rem;font-weight:800;display:flex}.alerts{gap:.6rem;margin-top:1rem;display:grid}.alert{background:#08111fa6;border:1px solid #94a3b829;border-radius:15px;gap:.6rem;padding:.72rem;transition:transform .2s,border-color .2s;display:flex}.alert:hover{border-color:#94a3b83d;transform:translate(2px)}.alert strong,.alert span{display:block}.alert span{color:#94a9c4;margin-top:.16rem;font-size:.86rem}.alert.warning{color:#fde68a}.alert.critical{color:#fecaca}.alert.info{color:#bbf7d0}.trend-chart{color:#60a5fa;width:100%;display:block;overflow:visible}.trend-chart.good{color:#5eead4}.trend-chart.warn{color:#f59e0b}.trend-chart.bad{color:#fb7185}.trend-grid{stroke:#94a3b821;stroke-width:1px;vector-effect:non-scaling-stroke}.trend-stroke{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px color-mix(in srgb, currentColor 42%, transparent));transition:all .7s cubic-bezier(.2,.8,.2,1)}.trend-stroke.stroke-1{opacity:.76;stroke-dasharray:6 7}.trend-stroke.stroke-2{opacity:.5;stroke-dasharray:2 7}.trend-area{transition:d .7s cubic-bezier(.2,.8,.2,1)}.chart-card{min-height:285px}.chart-card .trend-chart{margin-top:.75rem}.legend-row{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.legend-row span{color:#94a9c4;background:#08111f8c;border:1px solid #94a3b821;border-radius:999px;align-items:center;gap:.38rem;padding:.42rem .58rem;font-size:.78rem;display:inline-flex}.legend-row i{background:#60a5fa;border-radius:999px;width:.52rem;height:.52rem;box-shadow:0 0 14px #60a5fa59}.legend-row .good i{background:#5eead4}.legend-row .warn i{background:#f59e0b}.legend-row .bad i{background:#fb7185}.legend-row strong{color:#e6edf7;font-size:.8rem}.pulse-orb{background:radial-gradient(circle,#5eead447,#38bdf80d 64%,#0000);border:1px solid #5eead438;border-radius:999px;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:4.2rem;right:1.1rem}.pulse-orb span{border-radius:inherit;background:#5eead4;width:16px;height:16px;animation:1.5s ease-out infinite livePulse;box-shadow:0 0 24px #5eead46b}.throughput-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.throughput-grid div{background:#08111f94;border:1px solid #94a3b81f;border-radius:16px;gap:.16rem;padding:.7rem;display:grid}.throughput-grid svg{color:#7dd3fc}.throughput-grid span{color:#94a9c4;font-size:.78rem}.throughput-grid strong{font-size:1.05rem}.flow-lanes{background:#08111f61;border-radius:999px;height:22px;margin-top:.5rem;position:relative;overflow:hidden}.flow-lanes span{background:linear-gradient(90deg,#0000,#7dd3fccc,#0000);border-radius:999px;width:42%;height:3px;animation:2.6s linear infinite flow;position:absolute;top:9px}.flow-lanes span:nth-child(2){animation-delay:.8s}.flow-lanes span:nth-child(3){animation-delay:1.6s}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(260%)}}.mini-bars{background:#040a148c;border:1px solid #94a3b824;border-radius:20px;align-items:end;gap:.38rem;height:145px;padding:1rem;display:flex}.mini-bars span{background:linear-gradient(#5eead4,#38bdf8 58%,#2563eb);border-radius:999px 999px 4px 4px;flex:1;min-width:5px;transition:height .7s cubic-bezier(.2,.8,.2,1),filter .2s;box-shadow:0 0 24px #38bdf82e}.mini-bars span:hover{filter:brightness(1.25)}.core-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.5rem;margin-top:.85rem;display:grid}.core-grid span,.kv-grid span,.runtime-grid span{color:#94a9c4;background:#08111f94;border:1px solid #94a3b81f;border-radius:14px;gap:.22rem;padding:.65rem;font-size:.82rem;display:grid}.core-grid strong,.kv-grid strong,.runtime-grid strong{color:#e6edf7;overflow-wrap:anywhere;font-size:.94rem}.core-grid .bar{height:5px;margin-top:.18rem}.detail-line{color:#94a9c4;justify-content:space-between;gap:1rem;margin-bottom:.8rem;display:flex}.detail-line span{overflow-wrap:anywhere}.memory-stack{background:#1e293bd9;border-radius:999px;height:20px;margin-bottom:1rem;display:flex;overflow:hidden;box-shadow:inset 0 1px 10px #0003}.memory-stack span{transition:width .8s cubic-bezier(.2,.8,.2,1)}.memory-stack span:first-child{background:linear-gradient(90deg,#38bdf8,#22c55e)}.memory-stack span:nth-child(2){background:#60a5fa52;margin-left:-1px}.kv-grid,.runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.row{border-bottom:1px solid #94a3b81f;padding:.86rem 0}.row:last-child{border-bottom:0}.metric-row{grid-template-columns:1fr auto;gap:.45rem;display:grid}.metric-row span{overflow-wrap:anywhere;font-weight:900}.metric-row small,.split small,.interface-row small{color:#94a9c4;line-height:1.45;display:block}.metric-row .bar{grid-column:1/-1}.split{justify-content:space-between;gap:1rem;display:flex}.interface-row{gap:.5rem;display:grid}.interface-row strong{overflow-wrap:anywhere}.big-number{letter-spacing:-.07em;margin-top:.35rem;font-size:3.3rem;font-weight:950}.process-bars{gap:.65rem;display:grid}.process-bar{background:#08111f85;border:1px solid #94a3b81f;border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(120px,1fr) auto;align-items:center;gap:.75rem;padding:.65rem;display:grid}.process-bar strong,.process-bar span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.process-bar span,.process-bar small{color:#94a9c4;font-size:.78rem}.dual-bars{gap:.25rem;display:grid}.dual-bars span{border-radius:999px;height:7px;transition:width .7s cubic-bezier(.2,.8,.2,1)}.dual-bars span:first-child{background:linear-gradient(90deg,#7dd3fc,#5eead4)}.dual-bars span:nth-child(2){opacity:.78;background:linear-gradient(90deg,#818cf8,#c084fc)}table{border-collapse:collapse;width:100%;margin-top:.8rem;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid #94a3b81f;padding:.72rem .4rem}th{color:#94a9c4;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}td{color:#d8e7f8}.activity-list{gap:.55rem;max-height:245px;margin:.8rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.activity-list li{color:#c8d6e7;overflow-wrap:anywhere;background:#08111fb8;border:1px solid #94a3b81f;border-radius:12px;padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.empty-state{color:#94a9c4;background:#08111f8c;border:1px dashed #94a3b838;border-radius:16px;align-items:center;gap:.55rem;padding:1rem;display:flex}.logs-card{margin-top:1rem}.log-toolbar{grid-template-columns:minmax(220px,460px) 1fr;align-items:center;gap:.8rem;margin:.8rem 0;display:grid}.log-toolbar span{color:#94a9c4;overflow-wrap:anywhere;font-size:.86rem}.log-output{white-space:pre-wrap;overflow-wrap:anywhere;color:#d8e7f8;background:linear-gradient(#02060df5,#050b14f5);border:1px solid #94a3b824;border-radius:18px;max-height:560px;margin:.8rem 0 0;padding:1rem;font-size:.82rem;line-height:1.55;overflow:auto;box-shadow:inset 0 1px 20px #00000040}.skeleton-lines{gap:.65rem;margin-top:1rem;display:grid}.skeleton-lines span,.skeleton-card,.skeleton-hero span,.skeleton-hero strong,.skeleton-hero p{background:linear-gradient(90deg,#1e293b73,#4755698c,#1e293b73) 0 0/240% 100%;border-radius:999px;animation:1.4s ease-in-out infinite shimmer}.skeleton-lines span{height:14px}.skeleton-lines span:nth-child(2){width:84%}.skeleton-lines span:nth-child(3){width:68%}.skeleton-card{border-radius:26px;min-height:190px}.skeleton-card.tall{min-height:418px}.skeleton-card.wide{min-height:315px}.skeleton-hero span{width:220px;height:18px;margin-bottom:1rem;display:block}.skeleton-hero strong{width:min(680px,78vw);height:72px;margin-bottom:.85rem;display:block}.skeleton-hero p{width:340px;height:17px;display:block}.skeleton-hero .hero-actions span{width:98px;height:36px;margin:0}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (width<=1320px){.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1180px){.overview-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=980px){.stats,.two{grid-template-columns:1fr 1fr}.hero{flex-direction:column}.hero-actions{justify-content:flex-start}.process-bar{grid-template-columns:1fr}}@media (width<=760px){.app-shell{padding:1rem}.stats,.two,.live-grid,.kv-grid,.runtime-grid,.log-toolbar,.throughput-grid{grid-template-columns:1fr}h1{font-size:2.6rem}.card{border-radius:22px;padding:1rem}.health-body{grid-template-columns:1fr}.chart-card{min-height:255px}table{display:block;overflow-x:auto}.stat-card{min-height:178px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}