.panel{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.header{display:flex;align-items:center;gap:clamp(12px,2vw,36px);flex-wrap:wrap;padding:clamp(10px,1.1vw,20px) clamp(14px,1.8vw,32px);background:var(--night);color:var(--paper)}.brand{display:flex;align-items:center;gap:clamp(8px,.9vw,16px)}.logo{width:clamp(28px,2.6vw,48px);height:clamp(28px,2.6vw,48px);border-radius:var(--radius-sm);flex:none;background:#fff;padding:clamp(4px,.5vw,8px);box-sizing:border-box;object-fit:contain}.brand h1{font-size:clamp(1.15rem,1.9vw,2.2rem);color:var(--paper)}.brand-sub{font-size:clamp(.68rem,.78vw,.95rem);color:var(--gray-4);font-weight:600;letter-spacing:.02em}.counters{display:flex;gap:clamp(6px,.7vw,14px);margin-left:auto;flex-wrap:wrap}.counter{display:flex;align-items:baseline;gap:.45em;padding:.3em .85em;border-radius:var(--radius-pill);background:#ffffff12;border:1px solid rgba(255,255,255,.14)}.counter b{font-size:clamp(1.05rem,1.7vw,2rem)}.counter-symbol{font-size:clamp(.8rem,1vw,1.2rem);line-height:1}.counter-label{font-size:clamp(.62rem,.72vw,.85rem);text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--gray-4)}.counter[data-state=active] .counter-symbol{color:var(--ok-light)}.counter[data-state=idle] .counter-symbol{color:var(--gray-3)}.counter[data-state=stalled] .counter-symbol{color:#f2c14e}.counter[data-state=offline] .counter-symbol{color:#ff8f83}.header-right{display:flex;align-items:center;gap:clamp(10px,1.2vw,22px)}.bell{display:flex;align-items:center;gap:.4em;padding:.3em .8em;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:var(--gray-4)}.bell b{font-size:clamp(1rem,1.5vw,1.8rem);color:var(--paper)}.bell[data-has=yes]{background:var(--critical);border-color:var(--critical);color:var(--paper)}.bell-icon{width:clamp(16px,1.3vw,26px);height:clamp(16px,1.3vw,26px);flex:none}.clock{font-size:clamp(1rem,1.6vw,2rem);color:var(--paper)}.banner{display:flex;align-items:center;gap:clamp(10px,1.4vw,26px);flex-wrap:wrap;padding:clamp(8px,.9vw,18px) clamp(14px,1.8vw,32px)}.banner[data-tone=critical]{background:var(--critical);color:var(--paper)}.banner[data-tone=warning]{background:var(--warning-bg);color:var(--warning);border-bottom:1px solid #ecdcb4}.banner-title{font-weight:800;font-size:clamp(.95rem,1.4vw,1.8rem);text-transform:uppercase;letter-spacing:.04em}.banner-number{font-size:clamp(2.2rem,6vw,6rem);line-height:.95;letter-spacing:-.03em}.banner-text{font-size:clamp(.8rem,1vw,1.25rem);font-weight:600;max-width:70ch}.banner-link{color:inherit;text-decoration:underline;text-underline-offset:.2em;padding:.15em .35em;border-radius:4px;white-space:nowrap}.banner-link:hover,.banner-link:focus-visible{background:#ffffff2e;outline:none}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:clamp(10px,1.1vw,18px);padding:clamp(12px,1.4vw,26px) clamp(14px,1.8vw,32px) 0}.tile{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(10px,1vw,20px) clamp(12px,1.2vw,22px);display:flex;flex-direction:column;gap:.15em}.tile-label{font-size:clamp(.64rem,.75vw,.88rem);text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--gray)}.tile-value{font-size:clamp(1.5rem,2.6vw,3rem);line-height:1.05;color:var(--ink);letter-spacing:-.02em}.tile[data-tone=warning] .tile-value{color:var(--warning)}.tile-note{font-size:clamp(.66rem,.76vw,.9rem);color:var(--gray-2);font-weight:500}.grid{flex:1 1 auto;align-content:start;display:grid;gap:clamp(10px,1.1vw,18px);grid-template-columns:repeat(auto-fill,minmax(clamp(230px,22vw,380px),1fr));padding:clamp(12px,1.4vw,26px) clamp(14px,1.8vw,32px)}.grid[data-empty=yes]{display:block}.grid-empty{background:var(--paper);border:1px dashed var(--border-3);border-radius:var(--radius);padding:clamp(18px,2.5vw,40px);color:var(--gray);font-weight:600;font-size:clamp(.85rem,1.1vw,1.2rem);text-align:center}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(12px,1.1vw,22px);display:flex;flex-direction:column;gap:.55em;transition:opacity .45s ease,background-color .45s ease,border-color .45s ease}.card[data-state=stalled]{background:var(--warning-bg);border-color:#eedcb0}.card[data-state=offline]{background:var(--critical-bg);border-color:#f3c7c2}.card[data-critical=yes]{border:2px solid var(--critical);background:var(--critical-bg)}.card[data-stale=yes]{opacity:.42;filter:grayscale(.35)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6em}.card-id{min-width:0}.card-label{font-size:clamp(1.05rem,1.55vw,1.9rem);color:var(--ink);line-height:1.12;overflow-wrap:anywhere}.card-name{display:block;font-size:clamp(.68rem,.78vw,.92rem);color:var(--gray-2);font-weight:600;letter-spacing:.03em;margin-top:.15em}.pill{display:inline-flex;align-items:center;gap:.4em;flex:none;padding:.25em .7em;border-radius:var(--radius-pill);font-size:clamp(.66rem,.8vw,.95rem);font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.pill[data-state=active]{background:var(--ok-bg);color:var(--ok);border-color:#bfe8ce}.pill[data-state=idle]{background:var(--bg-3);color:var(--gray);border-color:var(--border-3)}.pill[data-state=stalled]{background:#fbeccb;color:var(--warning);border-color:#ecdcb4}.pill[data-state=offline]{background:var(--critical);color:var(--paper);border-color:var(--critical)}.card-tag{align-self:flex-start;font-size:clamp(.62rem,.72vw,.85rem);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15em .6em;border-radius:var(--radius-sm);background:var(--bg-3);color:var(--gray)}.card-tag[data-tone=critical]{background:var(--critical);color:var(--paper)}.card-tag[data-tone=warning]{background:var(--warning);color:var(--paper)}.metrics{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em clamp(8px,.8vw,16px)}.metric-value{display:block;font-size:clamp(.95rem,1.25vw,1.6rem);color:var(--ink-2);line-height:1.1}.metric[data-tone=alert] .metric-value{color:var(--critical)}.metric-label{display:block;font-size:clamp(.6rem,.7vw,.82rem);text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--gray-2)}.bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(10px,1.1vw,18px);padding:0 clamp(14px,1.8vw,32px) clamp(10px,1.2vw,20px)}.list{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(10px,1vw,20px) clamp(12px,1.2vw,22px)}.list-title{display:flex;align-items:center;gap:.5em;font-size:clamp(.78rem,.95vw,1.15rem);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:.6em}.list-title .bell-icon{color:var(--purple)}.list-title b{margin-left:auto;font-size:clamp(1rem,1.4vw,1.7rem);color:var(--ink)}.list-empty{color:var(--gray-2);font-size:clamp(.74rem,.88vw,1rem);font-weight:500;max-width:62ch}.item{display:flex;align-items:center;gap:.65em;padding:.45em 0;border-top:1px solid var(--border-2)}.item:first-child{border-top:none}.item-symbol{font-size:clamp(.85rem,1vw,1.2rem);line-height:1;color:var(--gray-3)}.item[data-tone=critical] .item-symbol,.item[data-tone=high] .item-symbol{color:var(--critical)}.item[data-tone=warning] .item-symbol,.item[data-tone=medium] .item-symbol{color:var(--warning)}.item-body{min-width:0;display:flex;flex-direction:column}.item-body b{font-size:clamp(.85rem,1.05vw,1.25rem);font-weight:800;color:var(--ink);overflow-wrap:anywhere}.item-detail{font-size:clamp(.68rem,.8vw,.92rem);color:var(--gray);font-weight:600}.item-age{margin-left:auto;white-space:nowrap;font-size:clamp(.8rem,1vw,1.2rem);color:var(--ink-3)}.item-more{padding-top:.5em;font-size:clamp(.68rem,.8vw,.92rem);color:var(--gray-2);font-weight:600}.footer{display:flex;align-items:center;gap:clamp(10px,1.4vw,28px);flex-wrap:wrap;padding:clamp(6px,.7vw,14px) clamp(14px,1.8vw,32px);background:var(--bg-3);border-top:1px solid var(--border-3);color:var(--gray);font-size:clamp(.66rem,.78vw,.92rem);font-weight:600}.footer .dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;margin-right:.45em;background:var(--gray-3)}.footer [data-connection=open] .dot{background:var(--ok)}.footer [data-connection=connecting] .dot{background:var(--warning)}.footer [data-connection=disconnected] .dot,.footer [data-connection=unauthorized] .dot{background:var(--critical)}.footer-version{margin-left:auto;color:var(--gray-3)}@media (max-width: 720px){.counters{margin-left:0;width:100%}.header-right{margin-left:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}