:root{--bg:#07111f;--panel:rgba(255,255,255,0.07);--line:rgba(255,255,255,0.13);--text:#f4f7fb;--muted:rgba(244,247,251,0.66);--soft:rgba(244,247,251,0.46);--accent:#8cc63f;--accenttext:#132000;--blue:#6f9fd9;--gold:#d6b85f;--gray:#9aa6b2;--radius:18px}*{box-sizing:border-box}html{min-height:100%;background:#06101d}body{margin:0;min-height:100%;color:var(--text);font-family:Arial,sans-serif;background:radial-gradient(circle at 18% 10%,rgba(111,159,217,0.12),transparent 30%),radial-gradient(circle at 86% 18%,rgba(140,198,63,0.08),transparent 26%),linear-gradient(145deg,#07111f,#0a1827 48%,#08120f);letter-spacing:0}body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg, rgba(0,0,0,.9), transparent 82%)}button, select{font:inherit}a{color:inherit;text-decoration:none}.dashboard{position:relative;z-index:1;width:min(1440px, calc(100% - 48px));margin:0 auto;padding:28px 0 60px}.dashbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0 26px}.dashbar-brand{display:flex;align-items:center;gap:14px}.dashbar-brand img{width:42px;height:42px}.dashbar-kicker{color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase}.dashbar h1{margin:0;font-size:30px;line-height:1.05;letter-spacing:0}.dashbar-actions{display:flex;align-items:center;gap:12px}.live-pill, .dash-button, .panel-tag{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:rgba(255, 255, 255, 0.08);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.live-pill span{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(140, 198, 63, 0.12)}.dash-button{cursor:pointer}.dash-button:hover{border-color:rgba(140, 198, 63, 0.42)}.dash-button[aria-pressed="true"]{border-color:rgba(140, 198, 63, 0.50);background:rgba(140, 198, 63, 0.16);color:#dff6c6}.dash-button:disabled{cursor:wait;opacity:.55}.is-refreshing .dash-button i{animation:spin .8s linear infinite}.hero-panel, .metric, .panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.045) 38%, rgba(6,16,29,.58)), linear-gradient(160deg, rgba(94,164,255,.12), transparent 45%, rgba(140,198,63,.08));box-shadow:0 30px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.20), inset 0 -1px 0 rgba(255,255,255,.05);backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%)}.hero-panel{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:28px;align-items:center;padding:22px 28px;margin-bottom:16px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 11px;border:1px solid rgba(140,198,63,.22);border-radius:999px;color:#dff6c6;background:rgba(140,198,63,.10);font-weight:700;font-size:13px}.hero-panel h2{max-width:760px;margin:0;font-size:clamp(34px, 4vw, 58px);line-height:.98;letter-spacing:0}.hero-panel p{max-width:660px;margin:0;color:var(--muted);font-size:18px;line-height:1.6}.signal{display:flex;align-items:center;gap:12px;min-width:220px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055)}.signal-ring{width:42px;height:42px;border-radius:50%;border:2px solid rgba(140,198,63,.7);box-shadow:inset 0 0 0 9px rgba(140,198,63,.08), 0 0 32px rgba(140,198,63,.18)}.signal b{display:block;font-size:18px}.signal span{color:var(--soft);font-size:13px}.dash-filters{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:var(--radius);background:rgba(255,255,255,.045);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.range-tabs{display:flex;flex-wrap:wrap;gap:8px}.range-tabs button, .filter-selects select{min-height:36px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.06);color:var(--text);outline:0}.range-tabs button{min-width:68px;padding:0 13px;cursor:pointer;font-weight:700}.range-tabs button:hover, .range-tabs button.selected{border-color:rgba(140,198,63,.46);background:rgba(140,198,63,.16);color:#dff6c6}.filter-selects{display:grid;grid-template-columns:repeat(4, minmax(120px, 1fr));gap:8px;min-width:min(620px, 100%)}.filter-selects select{padding:0 10px;color-scheme:dark}.filter-selects option{background:#101c2b;color:var(--text)}.metrics{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;margin-bottom:16px}.metric{padding:20px;min-height:150px}.quality-metrics .metric{min-height:126px}.metric span{display:block;color:var(--soft);font-size:13px;font-weight:700;text-transform:uppercase}.metric b{display:block;margin:10px 0 4px;font-size:44px;line-height:1}.quality-metrics .metric b{font-size:34px}.metric small{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}.panel{min-height:280px;overflow:hidden}.panel-compact{min-height:220px}.panel-wide{grid-column:1 / -1}.panel-insights{min-height:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.10)}.panel-head h3{margin:0;font-size:20px}.panel-head p{margin:5px 0 0;color:var(--soft)}.panel-tag{min-height:30px;padding:0 10px;color:#dff6c6;font-size:12px;font-weight:700;text-transform:uppercase}.panel>.ui-linechart, .panel>.ui-barchart, .panel>.ui-stats24, .panel>.ui-stats12, .panel>.ui-stats7, .panel>.ui-donutchart{padding:20px 22px 18px}.ui-linechart .axis, .ui-barchart .axis{stroke:rgba(255,255,255,.08)}.ui-linechart .xlabel, .ui-barchart .xlabel{fill:rgba(244,247,251,.48);font-size:10px}.ui-linechart .ylabel, .ui-barchart .ylabel{fill:rgba(244,247,251,.58);font-size:10px;font-weight:700}.ui-linechart .selected, .ui-barchart .selected{fill:#f4f7fb;font-size:14px}.ui-linechart .line1{stroke:var(--blue);stroke-width:3}.ui-linechart .line2{stroke:var(--accent);stroke-width:3}.ui-linechart .line1fill{fill:var(--blue)}.ui-linechart .line2fill{fill:var(--accent)}.ui-linechart .point1, .ui-linechart .point2{fill:#0b1728;stroke-width:2}.ui-linechart .point1{stroke:var(--blue)}.ui-linechart .point2{stroke:var(--accent)}.ui-barchart .bar1{fill:var(--accent)}.ui-barchart rect{opacity:.9}.ui-barchart rect:hover{opacity:1}.ui-donutchart{display:flex;justify-content:center;min-height:210px}.ui-donutchart svg{filter:drop-shadow(0 18px 28px rgba(0,0,0,.24))}.ui-donutchart-tooltip{color:var(--text);line-height:1.35}.ui-donutchart-tooltip b{color:#dff6c6}.ui-donutchart .piece1{stroke:var(--accent)}.ui-donutchart .piece2{stroke:var(--blue)}.ui-donutchart .piece3{stroke:var(--gold)}.ui-donutchart .piece4{stroke:var(--gray)}.ui-donutchart .piece5{stroke:rgba(244,247,251,.34)}.gauge-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px;padding:26px 22px 20px}.gauge-grid>div{min-width:0}.ui-gauge svg{width:100%;max-height:165px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.18))}.ui-gauge text{fill:var(--text);font-size:24px}.ui-gauge-pointer path, .ui-gauge-pointer circle{fill:rgba(244,247,251,.88)}.gauge-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:-4px;color:var(--soft);font-size:12px}.gauge-note b{color:#dff6c6;font-size:14px}.chart-pad, .chart-combo{padding:24px 22px 18px}.chart-combo{display:grid;grid-template-rows:auto auto;gap:12px}.chart-combo>.ui-donutchart{min-height:188px;padding:0}.chart-combo>.ui-statsbarsimple{margin-top:2px}.live-chart{padding:12px 22px 20px}.panel-compact .live-chart{display:flex;min-height:220px;flex-direction:column;justify-content:center}.pulse-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin-top:10px;color:var(--muted);font-size:12px;font-weight:700}.pulse-legend span{display:inline-flex;align-items:center;gap:6px}.pulse-legend i{width:18px;height:3px;border-radius:999px}.pulse-legend .cpu{background:var(--accent)}.pulse-legend .memory{background:var(--blue)}.pulse-legend .online{background:var(--gold)}.pulse-legend .latency{background:var(--gray)}.panel-compact .panel-head{padding-bottom:14px}.panel-compact .ui-livestats svg{min-height:96px}.ui-statsbarsimple{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05)}.ui-statsbarsimple-table{height:30px}.ui-statsbarsimple-table>div{line-height:30px;font-weight:700;color:#08120f}.ui-stats12, .ui-stats7{padding-top:18px}.ui-stats12-bar div, .ui-stats7-bar div{background:rgba(255,255,255,.08);border-radius:6px 6px 2px 2px}.ui-stats12-bar div.online, .ui-stats7-bar div.online{background:linear-gradient(180deg, rgba(140,198,63,.92), rgba(111,159,217,.42)) !important;color:#08120f}.ui-stats12-bar div.now, .ui-stats7-bar div.now{background:linear-gradient(180deg, rgba(214,184,95,.95), rgba(140,198,63,.52)) !important}.ui-stats12-bar>span, .ui-stats7-bar>span{background:rgba(111,159,217,.18);color:rgba(244,247,251,.8)}.insights-grid{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:10px;padding:18px 22px 22px}.insight{min-height:88px;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.045)}.insight span{display:block;color:var(--soft);font-size:12px;font-weight:700;text-transform:uppercase}.insight b{display:block;margin-top:9px;overflow:hidden;color:var(--text);font-size:18px;text-overflow:ellipsis;white-space:nowrap}.insight small{display:block;margin-top:4px;color:#dff6c6}.ui-livestats svg{width:100%;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(5,12,22,.32)}.ui-livestats line{stroke:rgba(255,255,255,.08)}.geo-grid{display:grid;grid-template-columns:minmax(0, 1.3fr) minmax(240px, .7fr);gap:20px;padding:22px}.world-map{position:relative;min-height:300px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:radial-gradient(circle at 25% 20%, rgba(111,159,217,.13), transparent 34%), rgba(5,12,22,.30);overflow:hidden}.world-map svg{position:absolute;inset:3%;width:94%;height:94%}.world-map path{fill:rgba(111,159,217,.16);stroke:rgba(244,247,251,.13);stroke-width:1.4;transition:fill .2s, opacity .2s, stroke .2s}.world-map [data-active]{fill:var(--accent);stroke:rgba(223,246,198,.72);filter:drop-shadow(0 0 8px rgba(140,198,63,.36))}.world-map [data-active]:hover{opacity:1;stroke:#dff6c6}.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--soft);font-weight:700}.geo-grid h4{margin:0 0 10px;color:var(--soft);font-size:12px;text-transform:uppercase}.geo-grid h4:not(:first-child){margin-top:20px}.geo-list{display:grid;gap:8px}.geo-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.045)}.geo-list span{color:var(--text);font-weight:700}.geo-list b{color:#dff6c6}.list{padding:10px 18px 18px}.list-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.list-row:last-child{border-bottom:0}.list-row b{display:block;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.list-row span{display:block;height:6px;margin-top:7px;border-radius:10px;background:rgba(255,255,255,.07);overflow:hidden}.list-row span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--blue))}.list-row strong{color:#dff6c6}.live-list{max-height:430px;overflow-y:auto;padding:8px 18px 18px;scrollbar-color:rgba(140,198,63,.5) rgba(255,255,255,.06);scrollbar-width:thin}.live-list::-webkit-scrollbar{width:8px}.live-list::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:8px}.live-list::-webkit-scrollbar-thumb{background:rgba(140,198,63,.45);border-radius:8px}.live-row{display:grid;grid-template-columns:minmax(0, 1fr) 90px 100px 90px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.live-row:last-child{border-bottom:0}.live-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-row span{display:block;margin-top:3px;color:var(--soft);font-size:12px}.live-row>div:not(:first-child){color:var(--muted);font-size:13px}.empty{padding:22px;color:var(--soft);text-align:center}.dash-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.10);border-radius:var(--radius);background:rgba(255,255,255,.045);color:var(--muted)}.dash-footer-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.dash-footer-brand img{width:30px;height:30px;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(140,198,63,.16))}.dash-footer b{color:var(--text);font-size:15px}.dash-footer .dash-button{flex:0 0 auto;min-height:38px;color:#dff6c6}.dash-footer .dash-button:hover{text-decoration:none}.ui-developer{position:fixed;z-index:10000;width:min(460px, calc(100vw - 28px));min-height:200px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:linear-gradient(135deg, rgba(41,59,82,.88), rgba(7,17,31,.94) 52%, rgba(15,43,38,.90));box-shadow:0 28px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10);color:var(--text);font-size:11px;user-select:none;overflow:hidden;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.ui-developer svg{border-bottom:1px solid rgba(255,255,255,.10);background:rgba(5,12,22,.24)}.ui-developer path{stroke-width:2.4px;fill:none;filter:drop-shadow(0 0 4px rgba(255,255,255,.14))}.ui-developer line{stroke-width:1px;stroke:rgba(255,255,255,.08)}.ui-developer-live{line-height:0}.ui-developer-meta{padding:11px 10px 8px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045)}.ui-developer-info{padding:11px 10px;border-top:0;background:rgba(5,12,22,.18)}.ui-developer-label{float:left;width:50%;height:17px;padding:0 6px;overflow:hidden;color:rgba(244,247,251,.88);line-height:14px;vertical-align:top}.ui-developer-label>i{margin-right:5px;color:rgba(244,247,251,.44)}.ui-developer-label em{color:rgba(244,247,251,.48);font-size:10px;font-weight:400}.ui-developer-label span{float:right;margin-left:5px;color:rgba(244,247,251,.66);font-weight:700}.ui-developer-label span i{margin:0 2px}.ui-developer-changed{color:#dff6c6;font-weight:800;text-shadow:0 0 12px rgba(140,198,63,.26)}.ui-developer-idle{margin:6px 0 0 6px;color:rgba(244,247,251,.52)}.ui-developer-hr{height:1px;margin:7px 0;border-top:1px solid rgba(255,255,255,.08)}.ui-developer-set{stroke:#e06f74}.ui-developer-get{stroke:#d6b85f}.ui-developer-components{stroke:#6f9fd9}.ui-developer-binders{stroke:#a48ad8}.ui-developer-exec{stroke:#cf78aa}.ui-developer-events{stroke:#c9c0a0}.ui-developer-setters{stroke:#66cdb1}.ui-developer-requests{stroke:var(--accent)}.ui-developer-cmd{stroke:#ef9b55}.ui-developer-returns{stroke:var(--gray)}.ui-developer-irequests>i{color:var(--accent)}.ui-developer-ievents>i{color:#c9c0a0}.ui-developer-iset>i{color:#e06f74}.ui-developer-iget>i{color:#d6b85f}.ui-developer-icomponents>i{color:#6f9fd9}.ui-developer-ibinders>i{color:#a48ad8}.ui-developer-iexec>i{color:#cf78aa}.ui-developer-isetters>i{color:#66cdb1}.ui-developer-icmd>i{color:#ef9b55}.ui-developer-ireturns>i{color:var(--gray)}.ui-developer-minus{color:#ff7676 !important}.ui-developer-plus{color:#93d95d !important}.ui-developer-pluginspeak{float:right}.ui-developer-version{float:right;margin:9px 12px 0 0;color:rgba(244,247,251,.50)}.ui-developer-clear{display:block;padding:9px 12px;border-top:1px solid rgba(255,255,255,.10);color:#ff8b8b;cursor:pointer;background:rgba(255,255,255,.035)}.ui-developer-clear:hover{background:rgba(255,255,255,.07)}.ui-developer-clear i{margin-right:4px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.dashboard{width:min(100% - 28px, 760px);padding-top:18px}.dashbar, .hero-panel{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.metrics, .grid{grid-template-columns:1fr}.insights-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.dash-filters{align-items:stretch;flex-direction:column}.filter-selects{grid-template-columns:1fr 1fr;min-width:0}.geo-grid{grid-template-columns:1fr}.dash-footer{align-items:flex-start;flex-direction:column}.hero-panel{padding:24px}.signal{width:100%;min-width:0}.live-row{grid-template-columns:1fr 70px}.live-row>div:nth-child(3), .live-row>div:nth-child(4){display:none}}@media (max-width:560px){.dashbar-actions{width:100%;justify-content:space-between}.filter-selects{grid-template-columns:1fr}.insights-grid{grid-template-columns:1fr}.hero-panel h2{font-size:36px}.metric b{font-size:36px}}