:root{--bg:#f4f5f7;--card:#fff;--text:#1d2430;--muted:#6b7280;--accent:#2563eb;--ok:#15803d;--error:#b91c1c;--border:#e5e7eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111418;--card:#1b2027;--text:#e6e8eb;--muted:#9aa3ad;--accent:#60a5fa;--ok:#4ade80;--error:#f87171;--border:#2b323b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}main{max-width:960px;margin:0 auto;padding:16px}h1,h2{margin-top:0}a{color:var(--accent)}.top{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.top nav{flex:1;gap:12px;display:flex}.top nav a{text-decoration:none}.top nav a.router-link-exact-active{font-weight:600}.user{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.on{background:var(--ok)}.dot.off{background:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px}.narrow{max-width:380px;margin:40px auto}.hero{text-align:center}.big{font-size:3rem;font-weight:700}.change{margin:4px 0;font-size:1.2rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.tile{flex-direction:column;gap:4px;margin:0;display:flex}.tile strong{font-size:1.4rem}form{flex-direction:column;gap:10px;display:flex}form.row{flex-flow:wrap;align-items:center}label{flex-direction:column;gap:4px;display:flex}label.inline{flex-direction:row;align-items:center}input,select,button{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:6px;padding:8px 10px}button{background:var(--accent);color:#fff;cursor:pointer;border:none}button:disabled{opacity:.6}button.link{color:var(--accent);background:0 0;padding:0}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px}.muted{color:var(--muted)}.small{font-size:.85rem}.ok{color:var(--ok)}.error{color:var(--error)}.qr{background:#fff;border-radius:8px;margin:0 auto;padding:8px;display:block}code{word-break:break-all}.actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}button.small-button{padding:4px 8px;font-size:.85rem}.wizard{border:2px solid var(--accent);border-radius:10px;margin:12px 0;padding:12px 16px}.wizard-head{justify-content:space-between;align-items:center;display:flex}.steps{flex-direction:column;gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.steps li{opacity:.55;align-items:flex-start;gap:10px;display:flex}.steps li.active,.steps li.waiting,.steps li.failed{opacity:1}.steps li.done{opacity:.85}.steps li p{margin:2px 0 6px}.steps .mark{background:var(--border);border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;height:26px;font-weight:700;display:flex}.steps li.done .mark{background:var(--ok);color:#fff}.steps li.active .mark,.steps li.waiting .mark{background:var(--accent);color:#fff}.steps li.failed .mark{background:var(--error);color:#fff}.steps li.waiting p{font-weight:600}.steps li.stepOn{opacity:1}.steps li.stepOn .mark{background:var(--ok);color:#fff}.step-on{background:var(--ok);color:#fff;border-radius:8px;padding:10px 12px;font-size:1.15rem;font-weight:700}
