@font-face{font-family:Vanadium Sans Semi-Condensed;src:url(../assets/fonts/VanadiumSans-SemiCondensed.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vanadium Sans Mail;src:url(../assets/fonts/VanadiumSansMail-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #0d1117;--fg: #c9d1d9;--accent: #238636;--card: #161b22;--border: #30363d;--healthy: #238636;--warning: #d29922;--fault: #da3633;--unknown: #6e7681;--tooltip-bg: #f5f5f5;--tooltip-text: #333;--tooltip-border: #ddd}html,body{height:100%}body{margin:0;display:flex;flex-direction:column;font-family:Vanadium Sans Semi-Condensed,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}header{flex:0 0 auto;position:sticky;top:0;background:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");border-bottom:1px solid var(--border);padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem;z-index:10}.header-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-middle{flex:1;display:flex;justify-content:center;align-items:center;gap:.5rem}#block-pills{display:flex;gap:2px;align-items:center}.header-right{display:flex;align-items:center;gap:.35rem;flex-shrink:0;margin-left:auto}h1{margin:0;font-size:1.25rem;white-space:nowrap}.pill-stat{font-size:.875rem;opacity:.65;font-variant-numeric:tabular-nums;line-height:1;-webkit-user-select:none;user-select:none;white-space:nowrap}.block-status{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border);border-radius:4px;padding:2px 4px}.block-status.healthy{background:var(--healthy);color:#000}.block-status.warning{background:var(--warning);color:#000}.block-status.fault{background:var(--fault);color:#fff}.block-status.unknown{background:var(--unknown);color:#fff}.status-pill{width:10px;height:30px;border-radius:5px;flex-shrink:0;transition:background-color .1s ease,transform .1s ease;cursor:default;border:1px solid transparent}.status-pill.healthy{background:var(--healthy)}.status-pill.warning{background:var(--warning)}.status-pill.fault{background:var(--fault)}.status-pill.unknown{background:var(--unknown)}.status-pill:hover{transform:scaleY(1.15);border:1px solid white;overflow:visible}.header-right button{background:var(--card);border:1px solid var(--border);color:var(--fg);padding:.25rem .45rem;border-radius:4px;cursor:pointer;font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center}.header-right button:hover{border-color:var(--accent);background:#21262d}main{flex:1 1 auto;overflow:auto;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.block{background:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");border:1px solid var(--border);border-radius:4px;padding:4px;width:425px;height:120px;min-height:120px;max-height:120px;flex-shrink:0;transition:transform .1s ease;overflow:hidden;display:flex;align-items:stretch;gap:8px}.block:hover{border-color:var(--accent)}.block-title{flex:1;min-width:0;display:flex;align-items:center;font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:2px 4px}.block-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.block-meta{display:flex;align-items:flex-start;gap:4px}.block-items{display:flex;flex-wrap:wrap;gap:2px;align-items:start;justify-content:start;height:auto}.status-item{width:65px;border:1px solid var(--border);border-radius:3px;background:var(--bg);display:flex;align-items:center;padding:4px;box-sizing:border-box;cursor:default;font-size:1rem;transition:transform .1s ease,boder-color .1s ease}.status-item i{flex:0 0 auto;font-size:1rem;opacity:.75;text-align:left;line-height:1}.status-num{flex:1;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:.75rem;line-height:1;display:flex;align-items:center;justify-content:flex-end;height:1rem}.status-item:hover{border-color:var(--accent);transform:scale(1.15)}.block-history{display:flex;gap:1px;align-items:flex-start;flex-shrink:0;border:1px solid transparent}.history-col{display:flex;flex-direction:column;gap:1px}.history-dot{width:4px;height:4px;border-radius:0;background:var(--unknown);flex-shrink:0}.history-dot.healthy{background:var(--healthy)}.history-dot.warning{background:var(--warning)}.history-dot.fault{background:var(--fault)}.history-dot.unknown{background:var(--unknown)}.loading,.error{width:100%;text-align:center;padding:2rem;color:#8b949e}footer{flex:0 0 auto;padding:.4rem .75rem;border-top:1px solid var(--border);background:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");font-size:.7rem;color:#8b949e;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem}.kpi{background:var(--card);border:1px solid var(--border);border-radius:3px;padding:.1rem .35rem;display:flex;flex-direction:column;align-items:center;min-width:58px;text-align:center;line-height:1.1;cursor:default}.kpi .label{font-size:.6rem;color:#8b949e;text-transform:uppercase;letter-spacing:.3px}.kpi strong{font-size:.8rem;font-weight:600;color:var(--fg)}footer a{color:var(--accent)}.tooltip-container{position:fixed;top:0;left:0;width:0;height:0;z-index:9000;pointer-events:none}.li-tooltip{position:fixed;z-index:9000;max-width:320px;padding:6px 10px;border-radius:4px;font-size:.85rem;line-height:1.45;white-space:normal;overflow-wrap:break-word;pointer-events:none;opacity:0;transform:scale(.75);transition:opacity .15s ease,transform .15s ease;will-change:transform,opacity;border-width:1px;border-style:solid;background-color:var(--tooltip-bg);border-color:var(--tooltip-border);color:var(--tooltip-text)}.li-tooltip--visible{opacity:1;transform:scale(1)}.li-tooltip__content{white-space:normal;overflow-wrap:break-word}.li-tooltip__content .tip-link{color:var(--accent);text-decoration:underline}.li-tooltip__arrow{position:absolute;width:10px;height:10px;border:1px solid;transform:rotate(45deg);z-index:9000;background-color:var(--tooltip-bg);border-color:var(--tooltip-border)}.li-tooltip[data-placement=top] .li-tooltip__arrow{bottom:-6px;border-top-color:transparent;border-left-color:transparent}.li-tooltip[data-placement=bottom] .li-tooltip__arrow{top:-6px;border-bottom-color:transparent;border-right-color:transparent}.li-tooltip[data-placement=left] .li-tooltip__arrow{right:-6px;border-top-color:transparent;border-left-color:transparent;transform:rotate(315deg)}.li-tooltip[data-placement=right] .li-tooltip__arrow{left:-6px;border-bottom-color:transparent;border-right-color:transparent;transform:rotate(315deg)}.style-links{display:flex;gap:6px;font-size:1rem;margin-top:auto;padding-top:2px;align-items:center}.style-links a{color:var(--fg);opacity:.55;transition:opacity .1s ease,color .1s ease;line-height:1}.style-links a:hover{opacity:1;color:var(--accent)}.style-links i{font-size:1rem}