:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#102542;background:#eef3f8}*{box-sizing:border-box}body{margin:0}header{background:#17365f;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 4vw}header strong{font-size:24px}header span{opacity:.8;margin-left:8px}header a{color:#fff}.container{max-width:1180px;margin:28px auto;padding:0 18px}.narrow{max-width:620px}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 7px 24px rgba(16,37,66,.09);margin-bottom:20px}h1{margin-top:0}h2{margin:4px 0 18px}.device-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.device-title small{color:#65758b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}.grid>div{border:1px solid #dbe4ee;border-radius:12px;padding:15px}.grid label,.grid strong{display:block}.grid label,label{color:#65758b;font-size:13px;font-weight:700}.grid strong{margin-top:7px;font-size:18px}form label{display:block;margin:14px 0}input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #bdcadd;border-radius:8px;font-size:16px}button,.button{display:inline-block;background:#1672d4;color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer}.badge{padding:8px 11px;border-radius:99px;font-size:12px;font-weight:800}.badge.ok{background:#dff6e5;color:#087c35}.badge.offline{background:#fff0c9;color:#8b5b00}.alert{border-radius:9px;padding:12px 14px;margin:14px 0}.alert.error{background:#ffe1e1;color:#9c2020}.alert.success{background:#dcf7e5;color:#087c35}pre{white-space:pre-wrap;word-break:break-all;background:#f2f6fa;border:1px solid #dbe4ee;border-radius:8px;padding:12px}.secret{font-size:15px}@media(max-width:620px){header{align-items:flex-start;gap:12px;flex-direction:column}.device-title{align-items:flex-start;flex-direction:column}}