.g8{display:flex;flex-direction:column;gap:14px}.g8 .panel{margin-top:0}.g8-tools{display:flex;align-items:end;flex-wrap:wrap;gap:11px;margin-top:13px}.g8-tools label,.g8-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:#45647f}.g8-tools input,.g8-form input,.g8-tools select,.g8-form select{min-width:120px;max-width:265px;width:100%}.g8-tools .action{height:34px}.g8-progress{font-size:13px;color:#274767;padding:8px 12px;background:#f0f6fc;border:1px solid #dce7f1;border-radius:8px}.g8-hint{font-size:11px;color:#6a8296;line-height:1.6;margin:11px 0 0}.g8-backbone{text-align:center;background:#dcecfb;color:#125683;font-weight:800;padding:13px;border:2px solid #79afe0;border-radius:10px;letter-spacing:.1px}.g8-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(305px,1fr));gap:14px}.g8-area{border:1px solid #c9dbe9;background:#f9fcff;border-radius:11px;padding:13px;position:relative;min-width:0}.g8-area:before{content:"";position:absolute;top:-14px;left:50%;height:13px;border-left:2px solid #4e94cf}.g8-area-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:12px;border-bottom:2px solid #c9dfe9}.g8-area-head h3{font-size:14px;margin:0 0 3px}.g8-area-head small{font-size:10px;color:#70849b}.g8-inline{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:#4f718a;margin-top:9px}.g8-inline select{max-width:150px;font-size:11px;padding:5px}.g8-lines{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px;margin-top:14px}.g8-line{background:#fff;border:1px solid #d4e0e9;border-left:3px solid #e9b550;border-radius:8px;padding:10px;min-width:0;display:flex;flex-direction:column;gap:9px}.g8-line-head strong{display:block;color:#2d4e68;font-size:12px}.g8-line-head span{font-size:11px;color:#657d91}.g8-line button{align-self:flex-start}.g8-device-list{display:flex;flex-direction:column;gap:6px}.g8-device{border:1px dashed #d1dae2;background:#f6f9fc;border-radius:6px;padding:7px;font-size:10px;overflow-wrap:anywhere}.g8-device span{font-weight:700;display:flex;justify-content:space-between;gap:8px}.g8-device small{display:block;color:#6e8290;margin-top:3px;font-size:9px}.g8-device.gateway{background:#eaf5eb;border-color:#92cba3}.g8-device.gateway button{border:0;background:transparent;color:#9d3b3b;font-weight:900;font-size:17px;line-height:1}.g8-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:10px;margin-top:13px}.g8-form .action{align-self:end;min-height:35px}.g8-test{font-size:12px;border-radius:8px;padding:12px 14px;line-height:1.5}.g8-test.ok{background:#e7f7ee;color:#176743;border:1px solid #b5dfc7}.g8-test.ko{background:#fff0ec;color:#9d3e2f;border:1px solid #efc4b8}.g8-validation{background:#f6f9fc;border:1px solid #d9e6ee;border-radius:8px;padding:12px;font-size:11px;margin-top:12px;line-height:1.5}.g8-validation strong{font-size:12px}.g8-validation p{margin:7px 0;color:#8a5e23}@media(max-width:700px){.g8-areas{grid-template-columns:1fr}.g8-area-head .action{width:100%}.g8-tools label{flex:1 1 150px}.g8-line button{font-size:10px}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a334a;background:#edf2f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.g8-app{min-height:100vh}.g8-header{background:#fff;border-bottom:1px solid #dce6ef;padding:17px clamp(16px,3vw,35px);display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.g8-brand{display:flex;align-items:center;gap:12px}.g8-brand-icon{width:42px;height:42px;border-radius:12px;background:#124976;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700}.g8-brand strong{display:block;font-size:15px}.g8-brand small{display:block;font-size:11px;color:#658096;margin-top:3px}.g8-bubble{border:1px solid #dfc58e;background:#fff6e6;color:#87611e;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.4px;border-radius:20px}.g8-main{max-width:1470px;margin:auto;padding:23px clamp(14px,3vw,32px) 42px}.g8-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,265px);align-items:start;gap:25px;margin-bottom:18px}.g8-intro h1{font-size:clamp(22px,3vw,32px);letter-spacing:-.5px;margin:3px 0 9px}.g8-intro p{max-width:850px;margin:0;color:#617c91;line-height:1.65;font-size:13px}.g8-intro .eyebrow{font-size:10px;letter-spacing:1.3px;color:#2873a8;font-weight:900}.g8-private{background:#e9f3f7;border:1px solid #bdd4e1;padding:13px 14px;border-radius:10px;line-height:1.5;font-size:11px}.g8-private b{display:block;color:#24618a;margin-bottom:4px}.g8-private span{color:#597789}.g8-footer{text-align:center;color:#7c8fa0;margin-top:25px;font-size:11px}.panel{background:#fff;border:1px solid #d9e5ef;border-radius:13px;padding:17px;box-shadow:0 2px 9px #1a4f7508;min-width:0}.panel h2{font-size:16px;margin:0 0 8px}.sectiontop{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:15px}.sectiontop p{font-size:12px;color:#657f95;margin:5px 0 0;line-height:1.55;max-width:850px}.tag{display:inline-block;padding:7px 11px;border-radius:20px;font-size:10px;font-weight:800}.tag.amber{color:#945d15;background:#fff2db}.action{background:#f2f7fb;border:1px solid #c2d7e8;color:#1f5b88;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:750;line-height:1.35;white-space:normal;min-height:34px}.action:hover:not(:disabled){filter:brightness(.97)}.action.primary{background:#1569a8;color:#fff;border-color:#1569a8}.action.green{background:#1d8357;color:#fff;border-color:#1d8357}.action.ghost{background:#fff}.upload{display:inline-flex;align-items:center;cursor:pointer}select,input[type=text],input[type=number]{padding:8px 9px;border:1px solid #bdcfdf;border-radius:7px;background:#fff;color:#21425c;min-height:33px}.message{background:#e9f5ff;border-left:4px solid #4385b8;border-radius:7px;padding:10px 12px;font-size:12px;color:#25597d}.g8{gap:15px}@media(max-width:800px){.g8-intro{grid-template-columns:1fr}.g8-main{padding-top:15px}}