@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('./fonts/plex-sans-latin.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/plex-mono-latin.woff2') format('woff2')}
:root{font-family:'IBM Plex Sans',Arial,sans-serif;color:#1b2e39;background:#f2f4f3;font-synthesis:none;--accent:#167d8d;--nav:#10232e;--muted:#71818a;--line:#dde3e4;--green:#29795e;--red:#b54a3c;--amber:#9c6c1f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}a{color:var(--accent)}button{border:1px solid var(--line);background:white;color:inherit;border-radius:4px;padding:9px 13px;font-weight:500;transition:background .12s,border-color .12s}button:hover{background:#f0f4f4;border-color:#bcc9cd}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button.primary:hover{filter:brightness(.92)}button.dark{background:#183440;color:white;border-color:#183440}button.danger{color:var(--red)}button.quiet{border-color:transparent;background:transparent}button.small{padding:5px 9px;font-size:12px}svg{display:block}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.7px}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}p{line-height:1.6}small{font-size:12px}.muted{color:var(--muted)}.mono,code,.number{font-family:'IBM Plex Mono',monospace;font-size:12px}.shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#cfdbdf;position:fixed;inset:0 auto 0 0;width:225px;display:flex;flex-direction:column;z-index:30}.brand{height:86px;padding:24px 22px;display:flex;align-items:center;gap:11px;color:white}.mark{width:34px;height:34px;flex-shrink:0}.brand strong{display:block;font-weight:600;font-size:17px;letter-spacing:-.3px}.brand small{font-size:10px;color:#8ea5b0;letter-spacing:1.5px;text-transform:uppercase}.edition{margin:8px 20px 26px;padding:11px 12px;border:1px solid #2c424d;border-radius:4px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.edition span{color:#8ba2ae;font-size:10px;letter-spacing:1px}.navgroup{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#78929e;padding:0 25px;margin-bottom:10px}.nav{padding:0 12px;display:flex;flex-direction:column;gap:4px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;color:#a9bec7;background:transparent;padding:12px;border-radius:4px;font-weight:450;font-size:13px}.nav button:hover{background:#1a333f;color:white}.nav button.active{background:#24424e;color:#fff;box-shadow:inset 3px 0 0 #79d8c3}.nav button .navcount{margin-left:auto;background:#35515d;border-radius:3px;font-size:10px;padding:1px 5px;color:#cadbe0}.sidebarfoot{margin-top:auto;padding:20px;font-size:11px;line-height:1.7;color:#8ba2ae;border-top:1px solid #2c424d}.sidebarfoot strong{color:#c9d7dc;font-size:12px;font-weight:500}.sidebarfoot .dot{margin-right:7px}.main{grid-column:2;min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:12px}.crumb{font-size:12px;color:#839099;display:flex;align-items:center;gap:12px}.crumb strong{color:#394e59;font-weight:500}.topactions{display:flex;align-items:center;gap:14px}.topactions select{padding:6px 9px;font-size:12px;background:white;border:1px solid var(--line);border-radius:4px;color:#52666f}.avatar{height:28px;width:28px;display:grid;place-items:center;background:#e7eeee;color:#3b5964;font-size:10px;font-weight:600;border-radius:50%}.lang{font-size:11px;padding:5px 7px}.simbar{font-size:11px;background:#f6efe2;border-bottom:1px solid #e7dac3;color:#806538;padding:8px 36px;display:flex;gap:8px;align-items:center;justify-content:space-between}.simbar strong{font-weight:600}.content{padding:30px 36px 44px;max-width:1560px;margin:auto}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}.pagehead p{font-size:13px;color:#6b7b84;margin-top:8px;max-width:700px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:1.6px;color:#6c848b;margin-bottom:10px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:white;margin-bottom:22px;border-radius:5px}.stat{padding:20px 23px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat label{display:block;font-size:11px;color:#6d7e87;margin-bottom:13px}.stat strong{font-size:29px;font-weight:450;letter-spacing:-1px}.stat small{display:block;font-size:10px;margin-top:8px;color:#809098}.stat .statunit{font-size:13px;letter-spacing:0;color:#7b8c94;margin-left:4px}.grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:22px}.panel{border:1px solid var(--line);background:white;border-radius:5px;min-width:0;overflow:hidden}.panelhead{min-height:57px;padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panelhead small{color:#85959c;font-size:10px}.panelbody{padding:20px}.panel + .panel{margin-top:20px}.grid2>.panel + .panel{margin:0}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:var(--green)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.status.running{color:var(--accent)}.status.queued,.status.interrupted,.status.attention{color:var(--amber)}.status.failed,.status.offline{color:var(--red)}.status.cancelled{color:#7d8b92}.badge{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#758993;border:1px solid #dbe3e5;padding:3px 6px;display:inline-block;border-radius:3px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#7c8e97;background:#fafbfb;text-transform:uppercase;letter-spacing:.7px;padding:12px 19px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:15px 19px;border-bottom:1px solid #edf0f1}tr:last-child td{border-bottom:0}td small{font-size:10px;color:#85949c;display:block;margin-top:5px}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#f7fafa}td strong{font-size:12px;font-weight:500}.tablelabel{display:flex;align-items:center;gap:10px}.devicemark{height:29px;width:29px;border:1px solid #d8e4e7;color:#497c89;display:grid;place-items:center;border-radius:4px;background:#f8fbfb}.activity{list-style:none;padding:0;margin:0}.activity li{display:flex;gap:13px;padding:15px 20px;border-bottom:1px solid #edf0f1}.activity li:last-child{border:0}.activity .eventmark{color:#6b9193;margin-top:3px}.activity li.error .eventmark{color:var(--red)}.activity li.warning .eventmark{color:var(--amber)}.activity p{font-size:12px;line-height:1.5}.activity small{font-size:10px;color:#94a0a6}.activity .time{margin-left:auto;white-space:nowrap;font-family:'IBM Plex Mono',monospace;font-size:9px;color:#84969f;padding-top:3px}.architecture{position:relative;padding:22px 25px;background:#f9fbfb}.architecture svg{width:100%;height:auto}.archlegend{display:flex;justify-content:space-between;font-size:10px;color:#6f858f;margin-top:12px}.splitnote{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;border:1px solid var(--line);border-left:3px solid #739a92;padding:16px 20px;background:#ebf0ee;border-radius:3px}.splitnote p{font-size:12px;max-width:800px;color:#536c75}.splitnote strong{display:block;font-size:12px;margin-bottom:4px;color:#294851}.sectiongap{margin-top:22px}.toolbar{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar input{border:1px solid var(--line);padding:8px 10px;border-radius:4px;background:#fbfcfc;font-size:12px;width:240px;max-width:100%}.toolbar select,select.field{border:1px solid var(--line);padding:8px;border-radius:4px;background:white;font-size:12px}.devicecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.devicecard{background:white;border:1px solid var(--line);border-top:3px solid var(--devicecolor);border-radius:4px;padding:22px}.devicecard h2{font-size:20px;font-weight:500;margin-top:16px}.devicecard .vendor{font-size:12px;color:#7d8d96;margin-top:4px}.devicecard dl{font-size:11px;margin:20px 0}.devicecard dl div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f2}.devicecard dt{color:#7b8b94}.devicecard dd{margin:0;text-align:right}.devicecard .actions{margin-top:20px}.capabilities{display:flex;gap:6px;flex-wrap:wrap;min-height:45px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formfield{display:flex;flex-direction:column;gap:8px}.formfield.full{grid-column:1/-1}.formfield label{font-size:11px;color:#536a75}.formfield input,.formfield select{border:1px solid #ccd7db;border-radius:4px;padding:10px 11px;background:white;font-size:13px;color:#233e49;min-width:0;width:100%}.formfield input[type=color]{padding:4px;height:39px}.formfield small{color:#83949b;font-size:10px;line-height:1.5}.formsubmit{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.formsubmit small{font-size:10px;color:#7b8b93}.runlist{padding:0 20px}.runitem{padding:17px 0;border-bottom:1px solid var(--line)}.runitem:last-child{border:0}.runitem .row{display:flex;justify-content:space-between;align-items:center;gap:10px}.runitem p{font-size:12px}.progress{height:3px;background:#e8eeee;margin:13px 0 9px;overflow:hidden}.progress i{height:100%;display:block;background:var(--accent);transition:width .3s}.runitem .caption{font-size:10px;color:#86959c}.empty{padding:35px 20px;text-align:center;color:#81939b;font-size:12px;line-height:1.7}.steps{display:flex;justify-content:space-between;margin-top:18px}.steps span{font-size:9px;color:#94a2aa;position:relative;padding-top:15px}.steps span:before{content:'';position:absolute;top:0;left:0;height:5px;width:5px;border-radius:50%;background:#d6e0e3}.steps .done{color:var(--accent)}.steps .done:before{background:var(--accent)}.notice{padding:13px 16px;background:#f7f2e7;border:1px solid #e8ddc4;border-radius:4px;font-size:11px;color:#8a6d35;line-height:1.6}.notice.info{background:#edf4f5;border-color:#d4e4e8;color:#527985}.metricrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metricbox{padding:18px;border:1px solid var(--line);border-radius:4px}.metricbox label{display:block;font-size:11px;color:#7d8f98;margin-bottom:15px}.metricbox strong{font-size:23px;font-weight:500}.metricbox small{font-size:11px;color:#8a9ca3}.pass{color:var(--green)}.fail{color:var(--red)}.delta{font-family:'IBM Plex Mono',monospace;font-size:12px}.chart{height:170px;margin-top:20px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid #dce5e8;padding:0 15px}.chartgroup{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px;position:relative;padding-bottom:24px}.chartbar{width:25px;max-width:30%;background:#b7ccce;min-height:2px}.chartbar.current{background:var(--accent)}.chartgroup span{position:absolute;bottom:4px;font-size:9px;color:#7c929a}.legend{font-size:10px;color:#718791;display:flex;gap:15px;margin-top:12px;justify-content:center}.legend i{display:inline-block;width:8px;height:8px;background:#b7ccce;margin-right:5px}.legend .current{background:var(--accent)}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #edf0f1;font-size:12px}.checklist li:last-child{border:0}.code{margin:0;background:#10232e;color:#a9c9d3;padding:21px;font:11px/1.9 'IBM Plex Mono',monospace;overflow:auto;tab-size:2}.code .comment{color:#637f8b}.modules{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}.module{padding:18px 0;border-bottom:1px solid var(--line)}.module p{font-size:11px;color:#7b8f98;margin-top:5px}.module h3{display:flex;justify-content:space-between;align-items:center}.module h3 span{font-size:9px;color:var(--green);text-transform:uppercase;letter-spacing:.6px}.brandpreview{border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-bottom:18px}.brandpreview .previewnav{background:#10232e;color:white;padding:15px 20px;font-size:14px;border-bottom:3px solid var(--accent)}.previewcontent{padding:20px;background:#f8faf9}.previewcontent h3{margin-bottom:15px}.previewcontent .actions{margin-top:18px}.previewcontent .bar{height:5px;background:#dce7e8;margin-top:10px;width:85%}.previewcontent .bar:before{content:'';display:block;width:60%;height:5px;background:var(--accent)}.subtabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin-bottom:22px}.subtabs button{border:0;background:transparent;border-radius:0;padding:0 0 13px;font-size:12px;color:#81939b}.subtabs button.active{border-bottom:2px solid var(--accent);color:#264a57}.footer{display:flex;justify-content:space-between;gap:16px;margin-top:26px;font-size:10px;color:#91a0a7}.footer .mono{font-size:10px}#toast{position:fixed;bottom:25px;left:calc(50% + 112px);transform:translateX(-50%) translateY(12px);background:#173741;color:white;padding:13px 20px;border-radius:5px;box-shadow:0 5px 20px #10232e22;font-size:12px;z-index:100;opacity:0;pointer-events:none;max-width:80vw;transition:opacity .15s,transform .15s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:1px solid var(--line);border-radius:7px;padding:0;max-width:760px;width:calc(100% - 35px);color:inherit;box-shadow:0 20px 80px #10232e33}dialog::backdrop{background:#10232e66;backdrop-filter:blur(2px)}.modalhead{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid var(--line)}.modalbody{padding:23px}.modalbody .meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.modalbody .meta label{font-size:10px;color:#8b9ba3;display:block;margin-bottom:5px}.modalbody .meta span{font-size:12px}.modalbody .actions{margin-top:22px}.tourstep{font-size:11px;color:#8c9ca4;margin-bottom:12px}.tourbody{font-size:13px;line-height:1.8;color:#536b77;margin:12px 0 20px}.mobilemenu{display:none}.noscript{padding:40px}.viewenter{animation:appear .18s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.content{padding-top:38px}}@media(max-width:1150px){.shell{grid-template-columns:195px 1fr}.sidebar{width:195px}.brand{padding-left:18px}.brand strong{font-size:15px}.content{padding:26px 24px}.topbar,.simbar{padding-left:24px;padding-right:24px}.grid2{grid-template-columns:1fr}.grid2>.panel + .panel{margin-top:0}.devicecards{gap:12px}.devicecard{padding:17px}.devicecard h2{font-size:18px}.stat{padding:17px}.archpanel{display:none}#toast{left:calc(50% + 95px)}}@media(max-width:780px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .15s;width:225px;box-shadow:10px 0 30px #10232e22}.sidebar.open{transform:translateX(0)}.main{width:100%}.mobilemenu{display:block;padding:5px;border:0;background:transparent}.topbar{height:58px;padding:0 16px}.topactions{gap:7px}.topactions .avatar,.crumb .workspace{display:none}.topactions select{max-width:125px;font-size:11px}.simbar{padding:8px 16px;font-size:10px;line-height:1.5}.simbar .simdetail{display:none}.content{padding:24px 16px}.pagehead{flex-direction:column;gap:15px}.pagehead h1{font-size:25px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat strong{font-size:25px}.devicecards{grid-template-columns:1fr}.devicecard .capabilities{min-height:0}.formgrid{grid-template-columns:1fr}.formfield.full{grid-column:auto}.formsubmit{align-items:flex-start;flex-direction:column}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.toolbar select{flex:1;min-width:0}.metricrow{grid-template-columns:1fr}.modules{grid-template-columns:1fr}.footer{flex-direction:column;gap:6px}.splitnote{align-items:flex-start;flex-direction:column;gap:12px}.panelhead{padding:15px}.panelbody{padding:16px}#toast{left:50%;max-width:90vw;width:max-content}.modalbody .meta{grid-template-columns:1fr}.crumb{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.capabilities{align-items:flex-start;align-content:flex-start}.navcount[hidden]{display:none}