:root {font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#16243a;background:#f3f6fa;font-size:15px;line-height:1.5;color-scheme:light}
* {box-sizing:border-box} body{margin:0} .layout{max-width:850px;margin:0 auto;padding:34px 18px 50px}
h1{font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.2;margin:5px 0 12px;letter-spacing:-.03em} h2{font-size:1.13rem;margin:0 0 12px} p{margin:7px 0 14px}
.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#526788}.intro{color:#64748b;max-width:620px}
.panel{background:#fff;border:1px solid #dce4ee;border-radius:15px;box-shadow:0 7px 22px #1a35550a;padding:22px;margin-top:17px}
.fields, form{display:grid;gap:11px}label{display:block;font-weight:600;margin-bottom:-7px;font-size:.92rem}
input,textarea{display:block;width:100%;border:1px solid #c8d4e0;border-radius:10px;padding:11px 13px;font:inherit;background:#fff;color:#152337}input:focus,textarea:focus{outline:3px solid #dbeafe;border-color:#4f8bc8}
button{width:max-content;border:0;border-radius:9px;background:#1b6d69;color:white;padding:11px 17px;font:inherit;font-weight:650;cursor:pointer}
button:hover{background:#15524e}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#e8eff5;color:#264158;padding:8px 12px}.secondary:hover{background:#dbe5ed}
.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-top h2{margin:0}.statusrow{display:flex;align-items:center;justify-content:space-between;margin:16px 0;gap:12px;flex-wrap:wrap}
.status{display:inline-block;border-radius:100px;background:#e2e8f0;color:#334155;font-size:.86rem;font-weight:750;padding:6px 12px}.status.online{background:#ddf8e8;color:#166138}.hint,footer{color:#667790;font-size:.86rem}
#qr-wrap{border-top:1px solid #e1e8f1;margin-top:15px;padding-top:15px}#qr{display:block;max-width:100%;height:auto;margin:10px auto;border:1px solid #e3e8ee;border-radius:12px}
.message{min-height:1.1em;color:#226c4e}.message.error{color:#b42318}.logbox{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.83rem;white-space:pre-wrap;word-break:break-word;border-radius:9px;background:#f8fafc;color:#475569;padding:13px;max-height:280px;overflow:auto}footer{margin:25px 5px}code{background:#edf3fa;border-radius:4px;padding:1px 4px}
@media(max-width:560px){.layout{padding:22px 12px}.panel{padding:17px}button{width:100%}.section-top button{width:auto}}