:root{--green: #2f7d4f;--green-dark: #245e3c;--bg: #f7f8f6;--card: #ffffff;--text: #1c2620;--muted: #6b7770;--border: #e3e8e3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;min-height:100%;padding:24px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.brand .logo{width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:22px}.brand h1{font-size:20px;margin:0}.tag{color:var(--muted);margin:0 0 24px;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.card h2{margin:0 0 8px;font-size:16px}.status{display:flex;align-items:center;gap:8px;font-size:14px}.dot{width:10px;height:10px;border-radius:50%}.dot.ok{background:var(--green)}.dot.warn{background:#d9a441}.muted{color:var(--muted);font-size:13px;line-height:1.5}code{background:#eef2ee;padding:1px 6px;border-radius:6px;font-size:12px}footer{margin-top:auto;padding-top:24px;color:var(--muted);font-size:12px}