:root{color-scheme:light;--canvas: #ffffff;--subtle: #f8f9fa;--tint: #e3f0fd;--hairline: #e8eaed;--control: #dadce0;--ink: #212226;--body: #5f6368;--muted: #686d72;--action: #0058C2;--action-hover: #1558b0;--blue: #0077FF;--red: #ea4335;--yellow: #9AD61A;--green: #00C896;--blue-text: #0058C2;--red-text: #c5221f;--yellow-text: #a85400;--green-text: #0d652d;--blue-wash: rgba(0, 119, 255, .12);--red-wash: rgba(234, 67, 53, .12);--yellow-wash: rgba(154, 214, 26, .22);--green-wash: rgba(0, 200, 150, .14);--radius: 12px;--btn-radius: 8px;--lift: 0 1px 3px rgba(60, 64, 67, .15);--subheader: 56px;--sans: Roboto, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--body);font:14px/20px var(--sans);-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:calc(100vh - var(--cariara-chrome, 0px))}code,.mono{font-family:var(--mono);font-size:.92em}code{padding:1px 4px;color:var(--ink);background:var(--subtle);border:1px solid var(--hairline);border-radius:4px}strong{color:var(--ink);font-weight:500}.app{flex:1 0 auto;width:100%;max-width:1600px;margin:0 auto;padding:24px 32px 32px}.seam-blue{border-top:3px solid var(--blue)!important}.seam-red{border-top:3px solid var(--red)!important}.seam-yellow{border-top:3px solid var(--yellow)!important}.seam-green{border-top:3px solid var(--green)!important}.text-blue{color:var(--blue-text)}.text-red{color:var(--red-text)}.text-yellow{color:var(--yellow-text)}.text-green{color:var(--green-text)}.icon-tile{flex:none;display:inline-grid;place-items:center;border-radius:8px}.icon-tile.tone-blue{color:var(--blue);background:var(--blue-wash)}.icon-tile.tone-red{color:var(--red);background:var(--red-wash)}.icon-tile.tone-yellow{color:var(--yellow-text);background:var(--yellow-wash)}.icon-tile.tone-green{color:var(--green);background:var(--green-wash)}.icon-tile svg{display:block}header.subheader{position:sticky;top:var(--cariara-header, 0px);z-index:5;display:flex;align-items:center;gap:24px;height:var(--subheader);padding:0 32px;background:var(--canvas);border-bottom:1px solid var(--hairline)}.subheader .brand{display:flex;align-items:center;gap:10px;min-width:0}.subheader .brand img{flex:none;display:block}.subheader .product{font-size:18px;line-height:24px;font-weight:500;color:var(--ink);white-space:nowrap}.appbar-end{margin-left:auto;display:flex;align-items:center;gap:16px;min-width:0}.subheader .identity{text-align:right;font-size:13px;line-height:16px;min-width:0}.subheader .identity .who{font-weight:500;color:var(--ink);overflow-wrap:anywhere}.subheader .identity .groups{color:var(--muted);font-family:var(--mono);font-size:11.5px}.signed-out{color:var(--muted);font-size:13px}nav.views{display:flex;align-self:stretch;gap:4px}nav.views button{position:relative;height:100%;padding:0 12px;font:500 14px/20px var(--sans);color:var(--body);background:none;border:none;cursor:pointer}nav.views button:hover{color:var(--ink)}nav.views button.active{color:var(--action)}nav.views button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--action)}nav.views button:focus-visible{outline:2px solid var(--action);outline-offset:-2px}.intro{display:flex;align-items:center;gap:16px;padding:16px 24px;margin-bottom:24px;background:var(--tint);border-radius:16px}.intro>img{flex:none;display:block}.intro-text{flex:1 1 auto;min-width:0}.intro h1{margin:0;font-size:20px;line-height:28px;font-weight:500;color:var(--ink)}.intro p{margin:2px 0 0;color:var(--body)}.intro-actions{flex:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap}label.field{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--body)}select{font:14px/20px var(--sans);height:36px;padding:0 32px 0 12px;color:var(--ink);background:var(--canvas) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath d='M0 0l5 5 5-5z' fill='%235f6368'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--control);border-radius:var(--btn-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select:hover{border-color:var(--muted)}select:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 1px var(--action)}button.link{font:500 14px/20px var(--sans);height:32px;padding:0 8px;color:var(--action);background:none;border:none;border-radius:var(--btn-radius);cursor:pointer}button.link:hover{background:var(--blue-wash)}button.link:focus-visible{outline:2px solid var(--action);outline-offset:0}button.link.danger{color:var(--red-text)}button.link.danger:hover{background:var(--red-wash)}button.primary,.primary-link{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 20px;font:500 14px/20px var(--sans);color:#fff;background:var(--action);border:none;border-radius:var(--btn-radius);text-decoration:none;cursor:pointer}button.primary.pill,.primary-link.pill{border-radius:999px}button.primary:hover:not(:disabled),.primary-link:hover{background:var(--action-hover)}button.primary:focus-visible,.primary-link:focus-visible{outline:2px solid var(--action);outline-offset:2px}button.primary:disabled{color:var(--muted);background:var(--subtle);border:1px solid var(--control);cursor:not-allowed}button.secondary,.secondary-link{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;font:500 14px/20px var(--sans);color:var(--ink);background:var(--canvas);border:1px solid var(--control);border-radius:var(--btn-radius);text-decoration:none;cursor:pointer}button.secondary:hover,.secondary-link:hover{background:var(--subtle);box-shadow:var(--lift)}button.secondary:focus-visible,.secondary-link:focus-visible{outline:2px solid var(--action);outline-offset:2px}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--control);box-shadow:var(--lift)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat{display:flex;align-items:center;gap:12px;padding:16px}.stat-value{font-size:24px;line-height:30px;font-weight:500}.stat-label{font-size:13px;color:var(--muted)}section.panel{margin-bottom:24px;overflow:hidden}section.panel>h2{margin:0;padding:16px;font-size:18px;line-height:24px;font-weight:500;display:flex;align-items:center;gap:12px}section.panel>h2 .count{display:inline-flex;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:500;color:var(--body);background:var(--subtle);border:1px solid var(--hairline);border-radius:999px}.panel-body{padding:0 16px 16px}.panel-body p{color:var(--body)}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-weight:500;font-size:12px;color:var(--muted);padding:8px 16px;background:var(--subtle);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);white-space:nowrap}td{padding:10px 16px;border-bottom:1px solid var(--hairline);vertical-align:top;color:var(--body)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--subtle)}td.name{font-family:var(--mono);font-weight:500;font-size:13px;color:var(--ink)}td.mono{font-size:13px}td.dim,.dim{color:var(--muted)}.sub{font-size:11.5px;line-height:16px;margin-top:4px}.tag{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;border:1px solid transparent}.tag.gcp{color:var(--blue-text);background:var(--blue-wash);border-color:#0077FF59}.tag.aws,.tag.warn{color:var(--yellow-text);background:var(--yellow-wash);border-color:#9AD61A8c}.tag.ok{color:var(--green-text);background:var(--green-wash);border-color:#00C89659}.tag.danger{color:var(--red-text);background:var(--red-wash);border-color:#ea433559}.tag.neutral{color:var(--body);background:var(--canvas);border-color:var(--control)}ul.targets{margin:0;padding-left:0;list-style:none}ul.targets li{font-family:var(--mono);font-size:12px;color:var(--body)}ul.targets li+li{margin-top:4px}.empty,.loading{margin:0;padding:24px 16px;color:var(--muted);text-align:center;font-size:14px;border-top:1px solid var(--hairline)}.notice{padding:16px;border-radius:var(--radius);color:var(--body);font-size:14px;margin-bottom:24px;border:1px solid transparent}.notice strong{display:block;margin-bottom:4px}.notice.with-icon{display:flex;align-items:flex-start;gap:12px}.notice.tone-blue{background:var(--blue-wash);border-color:#0077FF59}.notice.tone-yellow{background:var(--yellow-wash);border-color:#9AD61A8c}.notice.tone-red{background:var(--red-wash);border-color:#ea433559}.screen-center{flex:1 0 auto;min-height:calc(100vh - var(--cariara-chrome, 0px) - var(--subheader));display:grid;place-items:center;padding:24px 16px;background:var(--canvas)}.state-card{width:100%;max-width:520px;padding:32px;text-align:center}.state-card img{display:block;margin:0 auto 16px}.state-card h1{margin:0 0 8px;font-size:20px;line-height:28px;font-weight:500;color:var(--ink)}.state-card p{margin:8px 0}.state-card .state-actions{margin-top:24px}.error-detail{padding:8px 12px;font-size:12px;color:var(--ink);background:var(--subtle);border:1px solid var(--hairline);border-radius:var(--btn-radius);overflow-wrap:anywhere}.unreachable{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:var(--red-text)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--red);flex:none}.live{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;white-space:nowrap;border:1px solid transparent}.live .dot{width:8px;height:8px;border-radius:50%}.live-live{color:var(--green-text);background:var(--green-wash);border-color:#00C89659}.live-live .dot{background:var(--green);animation:live-pulse 2s ease-in-out infinite}.live-connecting{color:var(--yellow-text);background:var(--yellow-wash);border-color:#9AD61A8c}.live-connecting .dot{background:var(--yellow)}.live-offline{color:var(--red-text);background:var(--red-wash);border-color:#ea433559}.live-offline .dot{background:var(--red)}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.live-live .dot{animation:none}.card{transition:none}}.provider-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.provider-card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:16px;font:inherit;text-align:left;color:var(--body);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius);cursor:pointer;transition:box-shadow .15s,border-color .15s}.provider-card:hover:not(:disabled){border-color:var(--control);box-shadow:var(--lift)}.provider-card:focus-visible{outline:2px solid var(--action);outline-offset:0}.provider-card:disabled{background:var(--subtle);cursor:not-allowed;opacity:.7}.provider-name{font-weight:500;font-size:16px;line-height:24px;color:var(--ink)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#21222699;display:grid;place-items:center;padding:24px 16px;z-index:2147483100}.dialog{width:100%;max-width:560px;max-height:85vh;overflow-y:auto;padding:24px;background:var(--canvas);border-top:3px solid var(--blue);border-radius:var(--radius);box-shadow:0 4px 8px 3px #3c404326,0 1px 3px #3c40434d}.dialog h3{margin:0 0 16px;font-size:20px;line-height:28px;font-weight:500;color:var(--ink)}label.stacked{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;font-size:14px;font-weight:500;color:var(--ink)}label.stacked .dim,label.stacked span.dim{font-weight:400;font-size:12px}label.stacked .req{color:var(--red-text)}label.stacked input{font:14px/20px var(--mono);height:40px;padding:0 12px;color:var(--ink);background:var(--canvas);border:1px solid var(--control);border-radius:var(--btn-radius)}label.stacked input::placeholder{color:var(--muted);opacity:.7}label.stacked input:hover{border-color:var(--muted)}label.stacked input:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 1px var(--action)}label.stacked select{width:100%}label.stacked textarea{font:13px/20px var(--mono);min-height:56px;padding:8px 12px;resize:vertical;color:var(--ink);background:var(--canvas);border:1px solid var(--control);border-radius:var(--btn-radius)}label.stacked textarea::placeholder{color:var(--muted);opacity:.7}label.stacked textarea:hover{border-color:var(--muted)}label.stacked textarea:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 1px var(--action)}label.stacked input:disabled,label.stacked select:disabled{opacity:.6;cursor:not-allowed}.panel-actions{display:flex;align-items:center;gap:12px}.target-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) auto;gap:12px;align-items:start}.target-row button.link{margin-top:30px}td.row-actions{white-space:nowrap;text-align:right}td.row-actions button+button{margin-left:12px}td>div+div,.cond-group>div+div{margin-top:4px}.cond-group+.cond-group{margin-top:8px}details.events summary{cursor:pointer;font-size:13px;color:var(--body);white-space:nowrap}details.events ul.targets{margin-top:8px;font-family:var(--sans)}details.events li{font-family:var(--sans);overflow-wrap:anywhere}details.events li strong{color:var(--ink)}details.events li.event-warning strong{color:var(--red-text)}@media (max-width: 820px){.target-row{grid-template-columns:1fr;gap:0}.target-row button.link{margin:0 0 16px;justify-self:start}}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:24px}.error-text{padding:12px 16px;font-size:13px;color:var(--red-text);background:var(--red-wash);border:1px solid rgba(234,67,53,.35);border-radius:var(--btn-radius);overflow-wrap:anywhere}@media (max-width: 820px){header.subheader{height:auto;flex-wrap:wrap;row-gap:0;padding:8px 16px 0}nav.views{order:3;width:100%;height:44px}.appbar-end{gap:12px}.subheader .identity{display:none}.app{padding:16px 16px 24px}.intro{flex-wrap:wrap;padding:16px}.intro-actions{width:100%}}html[data-scheme=dark]{color-scheme:dark;--canvas: #22272e;--subtle: #373e47;--tint: #2d333b;--hairline: #373e47;--control: #545d68;--ink: #e6edf3;--body: #b6c2cf;--muted: #9da9b6;--action: #A6CBFF;--action-hover: #d3e3fd;--blue: #A6CBFF;--red: #f2b8b5;--yellow: #B6E35A;--green: #6dd58c;--blue-text: #A6CBFF;--red-text: #f2b8b5;--yellow-text: #B6E35A;--green-text: #6dd58c;--blue-wash: #2b3a52;--red-wash: #4a2e33;--yellow-wash: #463d24;--green-wash: #253d30;--lift: 0 1px 3px rgba(0, 0, 0, .5)}html[data-scheme=dark] .card,html[data-scheme=dark] .provider-card,html[data-scheme=dark] .dialog{background:#2d333b}html[data-scheme=dark] .card:hover,html[data-scheme=dark] .provider-card:hover:not(:disabled){border-color:#545d68}html[data-scheme=dark] .dialog{box-shadow:0 4px 8px 3px #0000004d,0 1px 3px #00000080}html[data-scheme=dark] .dialog-backdrop{background:#0009}html[data-scheme=dark] label.stacked input{background:#373e47;border-color:#545d68}html[data-scheme=dark] select{background:#373e47 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath d='M0 0l5 5 5-5z' fill='%23b6c2cf'/%3E%3C/svg%3E") no-repeat right 12px center}html[data-scheme=dark] select:hover,html[data-scheme=dark] label.stacked input:hover{border-color:#636e7b}html[data-scheme=dark] label.stacked input::placeholder{color:#9da9b6;opacity:1}html[data-scheme=dark] button.primary,html[data-scheme=dark] .primary-link{color:#062e6f}html[data-scheme=dark] button.primary:disabled{color:#9da9b6;background:#373e47;border-color:#545d68}html[data-scheme=dark] button.secondary,html[data-scheme=dark] .secondary-link{background:transparent;border-color:#545d68}html[data-scheme=dark] button.secondary:hover,html[data-scheme=dark] .secondary-link:hover{background:#373e47;border-color:#636e7b}html[data-scheme=dark] code,html[data-scheme=dark] .error-detail{background:#1c2128;border-color:#373e47}html[data-scheme=dark] tbody tr:hover{background:#373e47}html[data-scheme=dark] .tag.gcp{border-color:#A6CBFF59}html[data-scheme=dark] .tag.aws,html[data-scheme=dark] .tag.warn{border-color:#B6E35A59}html[data-scheme=dark] .tag.ok,html[data-scheme=dark] .live-live{border-color:#6dd58c59}html[data-scheme=dark] .tag.danger,html[data-scheme=dark] .live-offline,html[data-scheme=dark] .error-text{border-color:#f2b8b559}html[data-scheme=dark] .live-connecting{border-color:#B6E35A59}html[data-scheme=dark] .tag.neutral{background:transparent}html[data-scheme=dark] .notice.tone-blue,html[data-scheme=dark] .notice.tone-yellow,html[data-scheme=dark] .notice.tone-red{background:#2d333b}html[data-scheme=dark] .notice.tone-blue{border-color:#A6CBFF73}html[data-scheme=dark] .notice.tone-yellow{border-color:#B6E35A73}html[data-scheme=dark] .notice.tone-red{border-color:#f2b8b573}html[data-scheme=dark] label.stacked textarea{background:#373e47;border-color:#545d68}html[data-scheme=dark] label.stacked textarea:hover{border-color:#636e7b}html[data-scheme=dark] label.stacked textarea::placeholder{color:#9da9b6;opacity:1}