:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#192b3d;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:25px 5vw;display:flex;align-items:center;gap:25px;border-bottom:1px solid #dee5eb;background:white}.brand{font-weight:800;font-size:24px;text-decoration:none;color:#142b40;white-space:nowrap}.brand span{color:#17a889}.badge{font-size:12px;color:#486278;background:#edf3f6;padding:8px 12px;border-radius:20px}.account{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:14px}main{max-width:1200px;padding:45px 35px 80px;margin:auto;min-height:78vh}h1{font-size:52px;letter-spacing:-2px;line-height:1.12;margin:22px 0}h2{font-size:22px;margin:0 0 16px}h3{margin-top:0}em{font-style:normal;color:#087f69}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#087f69}.lead{font-size:18px;line-height:1.65;color:#5b6d7c;max-width:500px}.muted{font-size:14px;color:#657687;line-height:1.6}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:30px 0}.hero h1{font-size:64px}.primary,button{border:1px solid #d3dde5;border-radius:10px;padding:12px 18px;font:600 14px inherit;background:white;color:#234158;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:25px}.primary{background:#087f69;color:white;border-color:#087f69}.disabled,button:disabled{opacity:.5;cursor:default;pointer-events:none}.hero .primary{margin-top:15px;padding:18px 26px;font-weight:600}.diagram{padding:34px 40px;background:#122f40;border-radius:28px;color:white;box-shadow:0 20px 50px #17344920}.status{font-size:12px;color:#84dac8;display:block;margin-bottom:28px}.node{padding:18px;background:#234456;border:1px solid #496473;border-radius:12px;font-size:21px;font-weight:700}.node small{display:block;color:#b9ced8;font-weight:400;font-size:13px;margin-top:6px}.node.accent{background:#087f69;border-color:#35b69f}.line{height:24px;width:2px;margin:auto;background:#5ea798}.diagram p{font-size:12px;color:#b9ced8;line-height:1.6;margin:22px 0 0}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h1{font-size:38px}.panel,.card{padding:26px;background:white;border:1px solid #dce4eb;border-radius:16px;margin:22px 0}.form-row{display:flex;gap:16px;align-items:end;flex-wrap:wrap}label{font-size:13px;display:block;flex:1;min-width:140px}input{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid #cbd8e1;border-radius:8px;font:inherit}input[type=number]{max-width:130px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.card{margin:0 0 20px}.devices{padding:0;list-style:none}.devices li{padding:12px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef2f6;gap:10px}.devices button{padding:8px;font-size:12px}.pill{font-size:12px;color:#087f69;background:#e6f5ef;padding:6px 10px;border-radius:6px;display:inline-block;margin-bottom:12px}.offline{color:#6c7380;background:#edf0f4}#notice{padding:16px;border:1px solid #d4ba70;background:#fff8e3;border-radius:10px;margin-bottom:24px;white-space:pre-line}#admin{margin-top:50px}.customer{padding:24px;margin:14px 0;background:white;border:1px solid #dce4eb;border-radius:12px}.customer-head{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.customer form{border-top:1px solid #edf1f5;padding-top:18px;margin-top:18px}dialog{border:0;border-radius:20px;padding:30px;max-width:95vw;text-align:center}dialog::backdrop{background:#0d253a99}.close{float:right;padding:4px 10px;font-size:22px}#qr{display:block;margin:auto;background:white}footer{border-top:1px solid #dee5eb;padding:28px 5vw;display:flex;gap:25px;flex-wrap:wrap;font-size:12px;color:#657687}footer a{color:inherit}footer span{margin-right:auto}[hidden]{display:none!important}button:hover,.primary:hover{filter:brightness(.96)}:focus-visible{outline:3px solid #40b7a0;outline-offset:3px}@media(max-width:750px){header{flex-wrap:wrap;gap:12px}.badge{display:none}.account{font-size:11px}.hero{grid-template-columns:1fr;gap:30px;padding:0}.hero h1{font-size:48px}main{padding:30px 20px 60px}.diagram{padding:25px}.form-row{flex-direction:column;align-items:stretch}.section-head h1{font-size:32px}.grid{grid-template-columns:1fr}}