.dashboardPage{color:#dce6f6;background:radial-gradient(circle at 12% -10%,#2563eb38,#0000 29rem),radial-gradient(circle at 88% 14%,#e11d481f,#0000 25rem),linear-gradient(#070b14 0%,#09101d 48%,#070b14 100%);min-height:100vh;padding:0 34px;position:relative;overflow:hidden}.dashboardBackdrop{pointer-events:none;opacity:.35;background-image:linear-gradient(#94a3b809 1px,#0000 1px),linear-gradient(90deg,#94a3b809 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}.dashboardHeader,.dashboardHero,.metricGrid,.dashboardSection,.dashboardSplit,.dashboardNotice,.dashboardFooter{z-index:1;width:min(1420px,100%);margin-inline:auto;position:relative}.dashboardHeader{border-bottom:1px solid #94a3b821;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:78px;display:grid}.dashboardBrand{color:#f8fafc;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.dashboardBrandMark{color:#fff;background:radial-gradient(circle at 24% 16%,#ffffff59,#0000 27%),linear-gradient(135deg,#fb7185,#be123c);border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-weight:950;display:grid;box-shadow:0 14px 32px #e11d4833}.dashboardBrandMark.small{border-radius:11px;width:34px;height:34px}.dashboardBrand>span:last-child{gap:3px;display:grid}.dashboardBrand strong{letter-spacing:-.02em;font-size:15px}.dashboardBrand small{color:#76869d;letter-spacing:.13em;text-transform:uppercase;font-size:9px}.dashboardNav{justify-content:center;gap:7px;display:flex}.dashboardNav a{color:#8795ab;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800;text-decoration:none}.dashboardNav a:hover{color:#f8fafc;background:#94a3b814}.refreshButton{color:#dbeafe;cursor:pointer;background:#111a2b;border:1px solid #2b3a52;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:112px;padding:9px 13px;font-size:11px;font-weight:850;display:inline-flex}.refreshButton:hover:not(:disabled){background:#152238;border-color:#3b82f6}.refreshButton:disabled{opacity:.65;cursor:wait}.refreshGlyph{font-size:16px;line-height:1}.refreshGlyph.spinning{animation:.9s linear infinite dashboardSpin}@keyframes dashboardSpin{to{transform:rotate(360deg)}}.dashboardHero{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:76px;min-height:500px;padding:72px 0 62px;display:grid}.dashboardEyebrow{color:#7aa7ff;letter-spacing:.15em;align-items:center;gap:9px;font-size:10px;font-weight:900;display:inline-flex}.dashboardEyebrow i,.heroMeta .healthy i,.workflowStatus i{background:#22c55e;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 5px #22c55e1c}.dashboardHero h1{color:#f8fafc;letter-spacing:-.057em;max-width:780px;margin:20px 0 22px;font-size:clamp(48px,6.2vw,84px);line-height:.98}.dashboardHero h1 span{color:#0000;background:linear-gradient(95deg,#60a5fa,#818cf8 52%,#fb7185);-webkit-background-clip:text;background-clip:text}.dashboardHero>div:first-child>p{color:#91a0b7;max-width:760px;margin:0;font-size:16px;line-height:1.8}.heroMeta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.heroMeta>span{color:#91a0b7;background:#0f172a9e;border:1px solid #94a3b826;border-radius:9px;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-size:9px;font-weight:750;display:inline-flex}.heroMeta b{color:#dbeafe;letter-spacing:.06em}.heroMeta .healthy{color:#86efac}.heroTopology{aspect-ratio:1;justify-self:center;place-items:center;width:min(480px,100%);display:grid;position:relative}.heroTopology:before{content:"";filter:blur(12px);background:radial-gradient(circle,#2563eb3d,#2563eb0d 58%,#0000 70%);border-radius:50%;position:absolute;inset:16%}.orbit{border:1px solid #60a5fa33;border-radius:50%;position:absolute}.orbitOne{animation:4s ease-in-out infinite orbitPulse;inset:11%}.orbitTwo{border-style:dashed;animation:20s linear infinite orbitRotate;inset:24%}@keyframes orbitPulse{50%{border-color:#fb71853d;transform:scale(1.035)}}@keyframes orbitRotate{to{transform:rotate(360deg)}}.topologyCore{z-index:3;background:radial-gradient(circle at 35% 20%,#ffffff17,#0000 35%),linear-gradient(145deg,#14233a,#0d1422);border:1px solid #60a5fa57;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:172px;height:172px;display:flex;position:relative;box-shadow:0 0 70px #2563eb2e,inset 0 0 30px #60a5fa0f}.topologyCore>span{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:15px;font-weight:950;display:grid}.topologyCore strong{color:#f8fafc;font-size:13px}.topologyCore small{color:#71839d;letter-spacing:.05em;margin-top:5px;font-size:8px}.topologyNode{z-index:4;background:#0f172aeb;border:1px solid #27364d;border-radius:13px;grid-template-columns:31px 1fr;align-items:center;gap:8px;width:102px;min-height:64px;padding:8px;display:grid;position:absolute;box-shadow:0 18px 42px #00000047}.topologyNode>span{color:#93c5fd;background:#3b82f621;border-radius:9px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:900;display:grid}.topologyNode small{color:#a7b4c8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;font-weight:800;overflow:hidden}.nodeTop{top:2%;left:50%;transform:translate(-50%)}.nodeRight{top:50%;right:0;transform:translateY(-50%)}.nodeBottom{bottom:2%;left:50%;transform:translate(-50%)}.nodeLeft{top:50%;left:0;transform:translateY(-50%)}.dashboardNotice{color:#fecaca;background:#7f1d1d2e;border:1px solid #f8717140;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:13px 15px;font-size:11px;display:flex}.dashboardNotice span{color:#fca5a5}.metricGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding-bottom:74px;display:grid}.metricCard{background:#0f172ab8;border:1px solid #94a3b824;border-radius:15px;min-width:0;padding:18px;box-shadow:0 16px 38px #00000021}.metricValue{color:#f8fafc;letter-spacing:-.05em;margin-bottom:14px;font-size:30px;font-weight:900;display:block}.metricCard strong{color:#dce6f6;font-size:10px;display:block}.metricCard small{color:#687a94;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;display:block;overflow:hidden}.dashboardSection{border-top:1px solid #94a3b81a;padding:70px 0}.sectionHeading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:25px;display:flex}.sectionHeading>div>span,.panelHeading>div>span{color:#60a5fa;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:900}.sectionHeading h2,.panelHeading h2{color:#f8fafc;letter-spacing:-.035em;margin:7px 0 0;font-size:25px}.sectionHeading>p{color:#718199;text-align:right;max-width:520px;margin:0;font-size:10px;line-height:1.65}.sectionLink,.panelHeading a{color:#93c5fd;font-size:10px;font-weight:800;text-decoration:none}.runtimeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.runtimeCard{background:linear-gradient(145deg,#111b2eeb,#0b121feb);border:1px solid #202e43;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:15px;display:grid}.runtimeIcon{color:#93c5fd;background:#3b82f61c;border-radius:11px;place-items:center;width:42px;height:42px;font-size:9px;font-weight:900;display:grid}.runtimeCard>div{gap:3px;min-width:0;display:grid}.runtimeCard p{color:#667892;text-transform:uppercase;margin:0;font-size:8px;font-weight:800}.runtimeCard strong{color:#e8eef8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.runtimeCard small{color:#718198;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.runtimeDot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e1a}.workflowCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.workflowCard{background:linear-gradient(135deg,#3b82f60e,#0000 42%),#0d1524e6;border:1px solid #202f44;border-radius:17px;min-width:0;padding:22px}.workflowCardTop{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.workflowMark{color:#bfdbfe;background:linear-gradient(135deg,#1d4ed8,#4f46e5);border-radius:12px;place-items:center;width:42px;height:42px;font-size:9px;font-weight:950;display:grid}.workflowCardTop p{color:#58708f;margin:0 0 3px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.workflowCard h3{color:#f8fafc;margin:0;font-size:14px}.workflowStatus{color:#86efac;letter-spacing:.07em;background:#22c55e14;border-radius:999px;align-items:center;gap:7px;padding:6px 8px;font-size:7px;font-weight:900;display:inline-flex}.workflowDescription{color:#8696ad;min-height:42px;margin:18px 0;font-size:10px;line-height:1.65}.workflowStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.workflowStats span{color:#687993;text-align:center;background:#0206173b;border:1px solid #94a3b81a;border-radius:9px;padding:9px 8px;font-size:8px}.workflowStats b{color:#dbeafe}.workflowVersionRow{color:#7d8da5;border-top:1px solid #94a3b817;justify-content:space-between;gap:16px;margin-top:15px;padding-top:14px;font-size:8px;display:flex}.workflowVersionRow small{color:#566a86}.workflowActions{gap:8px;margin-top:15px;display:flex}.workflowActions a{color:#cfe1ff;background:#3b82f61c;border-radius:9px;padding:8px 11px;font-size:8px;font-weight:850;text-decoration:none}.workflowActions a:last-child{color:#aab8cc;background:#94a3b814}.dashboardSplit{border-top:1px solid #94a3b81a;grid-template-columns:1fr 1fr;gap:14px;padding:70px 0;display:grid}.dashboardPanel{background:#0c1422e6;border:1px solid #202e43;border-radius:17px;min-width:0;padding:22px}.panelHeading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.panelHeading h2{font-size:18px}.panelHeading>b{color:#93c5fd;background:#3b82f61a;border-radius:9px;place-items:center;min-width:29px;height:29px;font-size:10px;display:grid}.versionList,.registryCompact{gap:7px;display:grid}.versionRow,.registryRow{background:#02061738;border:1px solid #94a3b817;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.versionRow{grid-template-columns:auto minmax(0,1fr) auto}.versionStatus,.registryStatus{text-transform:uppercase;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:900}.versionStatus.published,.registryStatus.available,.registryStatus.online{color:#86efac;background:#22c55e1a}.versionStatus.draft,.registryStatus.degraded{color:#fde68a;background:#f59e0b1a}.registryStatus.unavailable,.registryStatus.offline{color:#fca5a5;background:#ef44441a}.versionRow>div,.registryRow>div{gap:3px;min-width:0;display:grid}
.versionRow strong,.registryRow strong{color:#dce6f6;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.versionRow small,.registryRow small{color:#64758e;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.versionRow time{color:#5e708b;white-space:nowrap;font-size:7px}.registryRow{grid-template-columns:34px minmax(0,1fr) auto}.registryIcon{color:#93c5fd;background:#3b82f61a;border-radius:9px;place-items:center;width:34px;height:34px;font-size:7px;font-weight:900;display:grid}.emptyPanel{text-align:center;border:1px dashed #94a3b826;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:235px;padding:25px;display:flex}.emptyPanel>span,.stateCode{color:#93c5fd;background:#3b82f61a;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:11px;font-weight:900;display:grid}.emptyPanel strong{color:#e5edf9;font-size:12px}.emptyPanel p{color:#697b94;max-width:340px;margin:8px 0 13px;font-size:9px;line-height:1.55}.emptyPanel a{color:#bfdbfe;background:#3b82f61c;border-radius:9px;padding:8px 11px;font-size:8px;font-weight:850;text-decoration:none}.quickActionGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.quickAction{min-width:0;color:inherit;background:#0d1524e6;border:1px solid #202e43;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:grid}.quickAction:hover{background:#111c30;border-color:#60a5fa73;transform:translateY(-2px)}.quickAction>span{color:#93c5fd;background:#3b82f61a;border-radius:11px;place-items:center;width:42px;height:42px;font-size:9px;font-weight:900;display:grid}.quickAction>div{gap:4px;min-width:0;display:grid}.quickAction strong{color:#e7eef8;font-size:10px}.quickAction small{color:#64758e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.quickAction>b{color:#55759f;font-size:14px}.dashboardFooter{color:#5d6f89;border-top:1px solid #94a3b81c;justify-content:space-between;align-items:center;gap:22px;min-height:86px;font-size:9px;display:flex}.dashboardFooter>div{align-items:center;gap:10px;display:flex}.dashboardFooter p{margin:0}.dashboardFooter>div p{gap:2px;display:grid}.dashboardFooter strong{color:#dce6f6;font-size:10px}.dashboardFooter small{color:#60718b;font-size:7px}.dashboardStatePage{place-items:center;padding-block:80px;display:grid}.dashboardStateCard{text-align:center;background:#0f172aeb;border:1px solid #223149;border-radius:20px;width:min(520px,100%);padding:44px;box-shadow:0 30px 90px #00000047}.dashboardStateCard h1{color:#f8fafc;margin:20px 0 10px;font-size:25px}.dashboardStateCard p{color:#74859e;margin:0;font-size:11px;line-height:1.65}.dashboardStateCard button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;margin-top:20px;padding:10px 14px;font-weight:850}.dashboardSpinner{border:3px solid #60a5fa29;border-top-color:#60a5fa;border-radius:50%;width:43px;height:43px;animation:.85s linear infinite dashboardSpin;display:inline-block}.errorState .stateCode{color:#fca5a5;background:#ef44441a;margin-inline:auto}@media (max-width:1180px){.dashboardHero{grid-template-columns:1fr 390px;gap:38px}.metricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.quickActionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.dashboardPage{padding-inline:20px}.dashboardHeader{grid-template-columns:1fr auto}.dashboardNav{display:none}.dashboardHero{text-align:center;grid-template-columns:1fr}.dashboardHero>div:first-child>p{margin-inline:auto}.heroMeta{justify-content:center}.heroTopology{width:min(450px,92vw)}.runtimeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardSplit,.workflowCards{grid-template-columns:1fr}.sectionHeading{flex-direction:column;align-items:flex-start}.sectionHeading>p{text-align:left}}@media (max-width:620px){.dashboardPage{padding-inline:12px}.dashboardHeader{min-height:68px}.dashboardBrand small{display:none}.refreshButton{min-width:42px;padding:9px}.refreshButton:not(:disabled){font-size:0}.refreshButton .refreshGlyph{font-size:16px}.dashboardHero{min-height:auto;padding:56px 0 44px}.dashboardHero h1{font-size:clamp(42px,15vw,60px)}.dashboardHero>div:first-child>p{font-size:14px}.heroTopology{width:min(360px,94vw)}.topologyCore{width:140px;height:140px}.topologyNode{width:88px}.metricGrid,.runtimeGrid,.quickActionGrid{grid-template-columns:1fr 1fr}.workflowStats{grid-template-columns:repeat(2,minmax(0,1fr))}.workflowVersionRow{flex-direction:column;align-items:flex-start}.dashboardSection,.dashboardSplit{padding:52px 0}.dashboardFooter{flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 0}}@media (max-width:420px){.metricGrid,.runtimeGrid,.quickActionGrid{grid-template-columns:1fr}.topologyNode{grid-template-columns:28px 1fr;gap:5px;width:78px}.topologyNode>span{width:28px;height:28px}.versionRow{grid-template-columns:auto minmax(0,1fr)}.versionRow time{display:none}}body:has(.dashboardPage) .sessionBar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b121feb;border:1px solid #94a3b829;top:88px;right:24px;box-shadow:0 16px 42px #00000047}@media (max-width:620px){body:has(.dashboardPage) .sessionBar{top:auto;bottom:12px;right:12px}}

