:root{--color-bg:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-muted:#64748b;--color-border:#e2e8f0;--color-primary:#4f46e5;--color-primary-contrast:#fff;--color-ok:#15803d;--color-ok-bg:#dcfce7;--color-warning:#a16207;--color-warning-bg:#fef9c3;--color-error:#b91c1c;--color-error-bg:#fee2e2;--color-pending:#475569;--color-pending-bg:#f1f5f9;--radius:12px;--shadow:0 1px 2px #0f172a0f, 0 1px 3px #0f172a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0b1120;--color-surface:#111827;--color-text:#e2e8f0;--color-muted:#94a3b8;--color-border:#1f2937;--color-primary:#818cf8;--color-primary-contrast:#0b1120;--color-ok:#4ade80;--color-ok-bg:#22c55e26;--color-warning:#facc15;--color-warning-bg:#eab30826;--color-error:#f87171;--color-error-bg:#ef444426;--color-pending:#cbd5e1;--color-pending-bg:#94a3b826;--shadow:none}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-height:100vh;margin:0}h1,h2,p{margin:0}.app{max-width:960px;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:24px;min-height:100vh;margin:0 auto;display:flex}.app-header{align-items:center;gap:16px;display:flex}.app-header__logo{border-radius:12px;flex-shrink:0}.app-header__title{font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}.app-header__subtitle{color:var(--color-muted)}.app-main{flex-direction:column;flex:1;gap:16px;display:flex}.grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=720px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.card__title{font-size:1.05rem}.card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.status-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-row__text{flex-direction:column;min-width:0;display:flex}.status-row__label{font-weight:600}.status-row__hint{color:var(--color-muted);font-size:.875rem}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.875rem;font-weight:600;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.badge--ok{color:var(--color-ok);background:var(--color-ok-bg)}.badge--warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge--error{color:var(--color-error);background:var(--color-error-bg)}.badge--pending{color:var(--color-pending);background:var(--color-pending-bg)}.details{gap:12px;margin:0;display:grid}.details div{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.details dt{color:var(--color-muted)}.details dd{overflow-wrap:anywhere;margin:0;font-weight:600}.banner{border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.banner--error{color:var(--color-error);background:var(--color-error-bg);border:1px solid}.banner p{color:var(--color-text)}.button{font:inherit;background:var(--color-primary);min-height:40px;color:var(--color-primary-contrast);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-weight:600}.button--secondary{color:var(--color-primary);border-color:var(--color-border);background:0 0}.button:disabled{opacity:.6;cursor:progress}.button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.muted{color:var(--color-muted);font-size:.875rem}.app-footer{text-align:center}