:root{color-scheme:light}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4f6f9;color:#17202a;line-height:1.5;margin:0}main{max-width:760px;margin:3rem auto;padding:0 1rem 3rem}h1{margin:0 0 1.4rem}section{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:1.35rem;margin:1rem 0;box-shadow:0 8px 24px #1620330a}button{padding:.72rem 1rem;border:0;border-radius:10px;background:#1769e0;color:#fff;font:inherit;font-weight:650;cursor:pointer}button.secondary{background:#68707c}button:disabled{opacity:.55}input{box-sizing:border-box;width:100%;padding:.75rem;border:1px solid #aab2bd;border-radius:10px;margin:.4rem 0 .8rem;font:inherit}img{display:block;width:280px;height:280px;margin:1rem 0;background:#fff}img[hidden],button[hidden],section[hidden]{display:none}.badge{display:inline-block;border-radius:999px;padding:.3rem .65rem;background:#edf1f5;font-weight:650}.badge[data-state=valid],.badge[data-state=ready]{background:#e8f7ee;color:#176b3a}.badge[data-state=expired],.badge[data-state=degraded]{background:#fff0e8;color:#9a3412}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #edf0f4}small{color:#64748b}#logout{background:transparent;color:#475569;border:1px solid #cbd5e1}