:root{--c-bg: 245 245 245;--c-surface: 255 255 255;--c-surface-alt: 250 250 250;--c-border: 228 228 228;--c-border-active: 208 208 208;--c-sidebar: 179 79 0;--c-sidebar-hover: 156 68 8;--c-sidebar-active: 143 61 6;--c-sidebar-text: 255 255 255;--c-sidebar-text-dim: 253 245 240;--c-sidebar-text-muted: 251 238 230;--c-sidebar-border: 255 255 255;--c-accent: 13 110 194;--c-accent-hover: 10 89 158;--c-accent-soft: 214 233 251;--c-fg: 47 47 47;--c-fg-dim: 86 86 89;--c-fg-muted: 107 107 112;--c-ok: 22 127 60;--c-amber: 164 83 10;--c-danger: 199 47 0;--sombra-sentinel: 0px 2px 8px rgba(215, 215, 221, .5);--sombra-sentinel-hover: 0px 3px 20px rgba(215, 215, 221, .8);color-scheme:light}:root[data-theme=dark]{--c-bg: 18 18 21;--c-surface: 27 27 31;--c-surface-alt: 35 35 40;--c-border: 47 47 54;--c-border-active: 67 67 76;--c-sidebar: 122 51 0;--c-sidebar-hover: 107 45 0;--c-sidebar-active: 92 38 0;--c-sidebar-text: 255 255 255;--c-sidebar-text-dim: 253 245 240;--c-sidebar-text-muted: 251 238 230;--c-sidebar-border: 255 255 255;--c-accent: 95 176 255;--c-accent-hover: 139 197 255;--c-accent-soft: 30 58 88;--c-fg: 237 237 240;--c-fg-dim: 194 194 200;--c-fg-muted: 154 154 162;--c-ok: 84 209 111;--c-amber: 255 160 77;--c-danger: 255 122 92;--sombra-sentinel: 0px 2px 8px rgba(0, 0, 0, .45);--sombra-sentinel-hover: 0px 3px 20px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:14px Inter,system-ui,sans-serif;background:rgb(var(--c-bg));color:rgb(var(--c-fg))}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;gap:8px;align-items:center;border:1px solid rgb(var(--c-border));border-radius:6px;padding:9px 13px;background:rgb(var(--c-surface));color:inherit}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){border-color:rgb(var(--c-accent))}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid rgb(var(--c-accent));outline-offset:3px}.shell{display:flex;min-height:100vh}aside{width:240px;flex-shrink:0;background:rgb(var(--c-sidebar));color:#fff;border-radius:0 16px 16px 0;padding:28px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand strong{font-size:21px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:4px}.nav-label{font-size:10px;letter-spacing:1.5px;padding:0 12px;margin:18px 0}nav{display:grid;gap:7px}aside button{background:transparent;color:#fff;border:0;width:100%;padding:12px}aside button[aria-current],aside button:hover:not(:disabled){background:rgb(var(--c-sidebar-active))}aside button:focus-visible{outline-color:#fff}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-bottom>span{display:block;font-size:12px;padding:12px;opacity:.9}main{min-width:0;flex:1;padding:32px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{font-size:10px;color:rgb(var(--c-fg-muted));letter-spacing:1.6px;margin:0 0 8px}h1{font-size:28px;letter-spacing:-.6px;margin:0}h2{font-size:17px;margin:0 0 14px}.actions{display:flex;gap:10px;align-items:center}.intro,.panel>p{color:rgb(var(--c-fg-dim));line-height:1.7;max-width:900px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0}.stats article,.panel{background:rgb(var(--c-surface));border:1px solid rgb(var(--c-border));border-radius:10px;box-shadow:var(--sombra-sentinel)}.stats article{padding:24px}.stats span{display:block;color:rgb(var(--c-fg-dim))}.stats strong{display:block;font-size:34px;margin-top:12px}.panel{padding:24px;margin:22px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-weight:600;color:rgb(var(--c-fg-dim));background:rgb(var(--c-surface-alt));white-space:nowrap}td,th{padding:13px 12px;border-bottom:1px solid rgb(var(--c-border))}td small{display:block;color:rgb(var(--c-fg-muted));margin-top:5px;max-width:340px;overflow-wrap:anywhere}.badge{display:inline-block;border-radius:20px;padding:4px 9px;background:rgb(var(--c-surface-alt));white-space:nowrap}.ok,.connected{color:rgb(var(--c-ok))}.error,.denied,.unavailable,.upstream_error{color:rgb(var(--c-danger))}.message{border:1px solid rgb(var(--c-border));border-left:4px solid rgb(var(--c-accent));background:rgb(var(--c-surface));padding:14px 18px;margin:12px 0;border-radius:6px}.message.error{border-left-color:rgb(var(--c-danger))}fieldset{padding:0;margin:0;border:0}label{display:grid;gap:8px;font-weight:500;margin-bottom:20px}input,select{width:100%;border:1px solid rgb(var(--c-border-active));border-radius:6px;background:rgb(var(--c-surface));color:inherit;padding:11px;min-height:42px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pauta{border-top:1px solid rgb(var(--c-border));margin-top:24px;padding-top:24px}.pauta p{color:rgb(var(--c-fg-dim));line-height:1.6}.primary{background:rgb(var(--c-accent));color:rgb(var(--c-surface))}.danger{background:rgb(var(--c-danger));color:rgb(var(--c-surface))}.empty{padding:24px;text-align:center;color:rgb(var(--c-fg-muted))}.stats article small{display:block;margin-top:8px;color:rgb(var(--c-fg-muted));line-height:1.5}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:18px 0 8px}.filters label{display:grid;gap:6px;color:rgb(var(--c-fg-dim))}.filters input{min-width:280px}.count{color:rgb(var(--c-fg-muted));margin:0 0 12px}.drift{margin:8px 0 0;padding-left:18px;color:rgb(var(--c-fg-dim));line-height:1.5}.drift code,td>code{font-size:12px;word-break:break-all}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:grid;place-items:center;padding:20px}.confirm{background:rgb(var(--c-surface));border-radius:12px;max-width:540px;padding:28px;line-height:1.6}.confirm .actions{margin-top:24px;justify-content:flex-end}.confirm code{overflow-wrap:anywhere}.skip{position:fixed;top:-100px;background:rgb(var(--c-surface));padding:12px;z-index:10}.skip:focus{top:8px}.startup{padding:48px}@media(max-width:850px){main{padding:24px 18px}aside{width:190px}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}}@media(max-width:600px){.shell{display:block}aside{position:static;width:100%;height:auto;border-radius:0;padding:16px}.brand{padding-bottom:8px}.nav-label,.sidebar-bottom>span{display:none}nav{grid-template-columns:1fr 1fr}.sidebar-bottom{padding-top:8px}header{align-items:flex-start;flex-direction:column}.panel{padding:16px}}.confirm{border:1px solid rgb(var(--c-border));color:rgb(var(--c-fg))}.confirm::backdrop{background:#0008}
