:root{font-family:system-ui,sans-serif;color:#143c35;background:#f3f6f1}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:32px}header,.bar{display:flex;justify-content:space-between;align-items:center;gap:20px}header{border-bottom:1px solid #cedbd0;padding-bottom:24px}header span,small,footer{color:#557469}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-1.5px}#login{max-width:560px;padding:50px 0}p{line-height:1.6}label{display:block;font-size:14px;font-weight:600;margin:20px 0}input,textarea{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #adc3b9;border-radius:8px;font:inherit;background:#fff}button{cursor:pointer;border:0;background:#146b50;color:white;padding:13px 22px;border-radius:8px;font:inherit;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d5b94b;outline-offset:3px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px}.grid>section{background:white;padding:24px;border:1px solid #dce4dc;border-radius:12px}#qr{width:260px;max-width:100%}.message{display:block;text-align:left;width:100%;background:#f1f5f0;color:#173b30;margin:10px 0;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}.message small{display:block;margin-bottom:6px}#messages{max-height:550px;overflow:auto}#error{color:#9b3024}footer{margin-top:45px;font-size:12px}@media(max-width:720px){main{padding:20px}.grid{grid-template-columns:1fr}header span{display:none}.bar h1{font-size:32px}}
dialog{max-width:460px;border:1px solid #adc3b9;border-radius:14px;padding:28px;color:#143c35}dialog::backdrop{background:#143c3580}#disconnectNumber,#confirmRemove{background:#a53d32}#numberResult{font-weight:600}