:root{font-family:Inter,Segoe UI,sans-serif;color:#f2f5ea;background:#0f2615;--bg: #112b18;--panel: #3b552d;--panel-soft: #3f5b2f;--stroke: rgba(231, 242, 219, .16);--text-soft: #b9c7af;--ok: #8fcb62;--warn: #ff5353;--neutral: #c8d6bc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 50% 25%,#23471e 0%,var(--bg) 60%,#0b1c11 100%)}.app-shell{width:min(900px,calc(100% - 1.5rem));margin:1.6rem auto;display:grid;gap:.95rem}.topbar{background:#6e8a56;border-radius:0;padding:.95rem 1.15rem;display:flex;justify-content:space-between;align-items:center;color:#f8f9f3}.brand{display:flex;align-items:center;gap:.75rem}.brand__mark{width:2.8rem;height:2.8rem;border:2px solid #f1f4e8;display:grid;place-items:center;font-size:1.3rem}.brand__title{margin:0;letter-spacing:.03em;font-size:clamp(1.1rem,2.6vw,1.7rem);font-family:Georgia,Times New Roman,serif}.brand__subtitle{margin:.15rem 0 0;color:#f2f5ead9;font-size:.9rem}.topbar__actions{display:flex;align-items:center;gap:.5rem}.icon-btn{border:0;background:#ffffff38;color:#f2f6eb;border-radius:999px;width:2.8rem;height:2.8rem;cursor:pointer;font-size:1.35rem}.icon-btn:disabled{opacity:.65;cursor:wait}.status-pill{background:#ffffff3d;color:#f6f8ef;border-radius:999px;padding:.45rem .75rem;font-size:.83rem}.hero{background:#294b20b3;border:1px solid var(--stroke);border-radius:.9rem;padding:.85rem 1rem;color:var(--text-soft)}.metrics-grid{display:grid;gap:.8rem}.metric-card{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;background:linear-gradient(180deg,var(--panel-soft),var(--panel));border:1px solid var(--stroke);border-radius:1.05rem;padding:1.2rem 1.15rem;box-shadow:0 14px 28px #09120a59}.metric-card__icon{font-size:2rem;opacity:.9;text-align:center}.metric-card__content h2{margin:0;font-size:2rem;font-size:clamp(1.2rem,2.3vw,2rem);color:#d4dfc8;font-weight:500}.metric-card__value{margin:.25rem 0 0;font-size:clamp(2rem,5vw,3rem);line-height:1.05;color:#f3f6ee;font-weight:600}.metric-card__updated,.metric-card__hint{margin:.3rem 0 0;color:var(--text-soft);font-size:.9rem}.metric-card__status{display:grid;gap:.25rem;justify-items:center;min-width:4.8rem;font-weight:600}.metric-card__status-dot{width:2.1rem;height:2.1rem;border-radius:999px;display:grid;place-items:center;border:3px solid currentColor;font-size:1.15rem;line-height:1}.metric-card__status--ok{color:var(--ok)}.metric-card__status--warn{color:var(--warn)}.metric-card__status--neutral{color:var(--neutral)}.state-card{background:#2d4124e6;border:1px solid var(--stroke);border-radius:1rem;padding:1rem}.state-card--error{border-color:#ff535380}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 760px){.topbar{border-radius:.8rem}.status-pill{display:none}.metric-card{grid-template-columns:48px 1fr}.metric-card__status{grid-column:1 / -1;justify-items:start;grid-auto-flow:column;align-items:center}}