:root{--bg:#f7f4ed;--ink:#171717;--muted:#69645b;--line:#1717171f;--panel:#fffdfa;--green:#14883f;--green-soft:#dff7e8;--red:#c43d3d;--red-soft:#ffe3df;--amber:#b36b00;--blue:#135f8f;--shadow:0 18px 60px #3126141f}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(90deg, #17171709 1px, transparent 1px), linear-gradient(#17171708 1px, transparent 1px), var(--bg);background-size:48px 48px;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}.public-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 48px}.public-header{justify-content:space-between;align-items:center;gap:18px;padding:16px 0 34px;display:flex}.brand{align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{background:var(--ink);border-radius:8px;width:34px;height:34px;position:relative;box-shadow:inset 0 -9px #ffffff1f}.brand-mark:before,.brand-mark:after{content:"";background:var(--green-soft);border-radius:4px;width:18px;height:3px;position:absolute;left:8px}.brand-mark:before{top:10px}.brand-mark:after{top:20px}.last-updated{color:var(--muted);font-size:14px}.hero-status{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:32px;min-height:54vh;padding-bottom:42px;display:grid}.hero-copy h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(44px,8vw,104px);line-height:.9}.hero-copy p{max-width:620px;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.6}.status-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdfaeb;border-radius:8px;padding:18px}.status-gauge{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle, #14883f21 0 34%, transparent 35%), conic-gradient(var(--green) var(--health-angle), #1717171a 0);border-radius:8px;place-items:center;display:grid}.status-gauge-inner{aspect-ratio:1;background:var(--panel);text-align:center;width:68%;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;place-items:center;display:grid}.gauge-number{font-size:clamp(44px,6vw,74px);font-weight:900;line-height:1}.gauge-label{color:var(--muted);margin-top:8px;font-size:14px}.status-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.summary-pill{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.summary-pill strong{font-size:24px;display:block}.summary-pill span{color:var(--muted);font-size:12px}.vm-list-section{padding-top:18px}.section-title{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.section-title h2{margin:0;font-size:28px}.section-title p{color:var(--muted);margin:0}.vm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.vm-card{border:1px solid var(--line);background:var(--panel);min-height:168px;box-shadow:var(--shadow);border-radius:8px;padding:18px}.vm-card.active{border-color:#14883f47}.vm-card.inactive{border-color:#c43d3d59}.vm-card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.vm-card h3{overflow-wrap:anywhere;margin:0;font-size:19px}.status-chip{text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.status-chip.active{color:var(--green);background:var(--green-soft)}.status-chip.inactive{color:var(--red);background:var(--red-soft)}.vm-meta{color:var(--muted);gap:8px;margin-top:24px;font-size:14px;display:grid}.vm-meta strong{color:var(--ink)}.heartbeat-line{gap:5px;margin-top:18px;display:flex}.heartbeat-line span{background:#1717171f;border-radius:999px;flex:1;height:8px}.heartbeat-line.active span{background:var(--green)}.heartbeat-line.inactive span:first-child{background:var(--red)}.empty-panel,.error-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:28px}.empty-panel p,.error-panel p{color:var(--muted);line-height:1.6}.retry-button{border:1px solid var(--line);background:var(--ink);min-height:42px;color:var(--panel);border-radius:8px;padding:0 16px}@media (max-width:940px){.hero-status{grid-template-columns:1fr}.status-panel{max-width:520px}.vm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.public-shell{width:min(100% - 20px,1180px);padding-top:14px}.public-header,.section-title{flex-direction:column;align-items:start}.hero-status{min-height:auto;padding-bottom:28px}.status-summary,.vm-grid{grid-template-columns:1fr}}