*{box-sizing:border-box}
:root{--ink:#17212b;--muted:#71808d;--line:#e5e9ed;--paper:#fff;--canvas:#f6f8fa;--blue:#0879c9;--blue-dark:#075a98;--blue-soft:#eaf5fd;--red:#c43c49;--shadow:0 14px 40px rgba(23,33,43,.08)}
body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;letter-spacing:0}body:before{content:"";display:block;height:4px;background:var(--blue)}
button,input,select,textarea{font:inherit;letter-spacing:0}button{border:0;border-radius:6px;background:var(--blue);color:#fff;padding:10px 16px;font-weight:600;cursor:pointer;transition:background .16s,box-shadow .16s,transform .16s}button:hover{background:var(--blue-dark);box-shadow:0 4px 12px rgba(8,121,201,.2)}button:active{transform:translateY(1px)}button.secondary{background:#fff;border:1px solid #d3dbe2;color:#536371;box-shadow:none}button.secondary:hover{border-color:#aebdca;background:#f8fafc;color:var(--ink)}
header{height:76px;padding:0 max(5%,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}header>div{display:flex;align-items:center;gap:14px}.brand{font-size:19px;font-weight:750;color:var(--ink)}.subtitle{padding-left:14px;border-left:1px solid #dbe2e8;color:var(--muted)}
.toolbar{max-width:1240px;margin:0 auto;padding:30px max(5%,calc((100vw - 1240px)/2)) 22px;display:flex;justify-content:space-between;gap:20px;align-items:end}.toolbar form{display:flex;align-items:end;gap:12px;flex:1}.filterTitle{align-self:center;margin-right:4px;color:var(--ink);font-size:16px;font-weight:700;white-space:nowrap}.toolbar form select{width:190px}.toolbar #newDevice{white-space:nowrap}input,textarea,select{display:block;width:100%;border:1px solid #d4dde4;border-radius:6px;background:#fff;padding:10px 12px;color:var(--ink);outline:0}input:focus,textarea:focus,select:focus{border-color:#55a9dc;box-shadow:0 0 0 3px rgba(8,121,201,.11)}
.tableWrap{max-width:1240px;margin:0 auto 40px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #edf0f2;white-space:nowrap;vertical-align:top}th{background:#fbfcfd;color:#73808b;font-size:12px;font-weight:700}tbody tr:hover{background:#f7fbfe}tr:last-child td{border:0}.id{font-weight:700;color:var(--blue);text-decoration:none}.id:hover{text-decoration:underline;color:var(--blue-dark)}.empty{text-align:center;padding:76px;color:#8996a1}.danger{margin-left:8px;background:#fff5f5;color:var(--red);padding:8px 11px;font-size:12px}.danger:hover{background:#ffe6e8;color:#a72634;box-shadow:none}.viewButton{padding:8px 13px}
.detailPage{max-width:1240px;margin:0 auto;padding:28px max(5%,calc((100vw - 1240px)/2)) 48px}.backButton{margin-bottom:24px}.detailHeader{padding:24px 0;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 5px;color:var(--blue);font-size:12px;font-weight:700}.detailHeader h1{margin:0;font-size:30px}.detailMeta{margin:8px 0 0;color:var(--muted)}.detailTools{display:flex;align-items:center;gap:16px;padding:22px 0 16px}.detailTools input{max-width:520px}.detailTools span{color:var(--muted);white-space:nowrap}.detailCard{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);padding:12px 24px}.detailTree{margin:0}.detailTree.nested{margin:8px 0 4px 8px;border-left:2px solid #dcecf7;padding-left:18px}.detailNode{padding:13px 0;border-bottom:1px solid #edf0f2}.detailNode:last-child{border-bottom:0}.detailNodeHead{display:flex;align-items:center;gap:10px;margin-bottom:6px}.detailKey{color:#526879;font-weight:700;word-break:break-word}.nodeType{color:#9aa6b0;font-size:11px;font-weight:400}.detailContent{min-width:0}.detailValue{color:var(--ink);white-space:pre-wrap;word-break:break-word}.noMatch{color:var(--muted);font-size:13px}.detailValue{color:var(--ink);white-space:pre-wrap;word-break:break-word}.longField{margin:0}.longField summary,.manyField summary{cursor:pointer;list-style:none;color:var(--blue);font-weight:650}.longField summary::-webkit-details-marker,.manyField summary::-webkit-details-marker{display:none}.arrow{display:inline-block;margin-right:7px;font-size:10px;transition:transform .15s}.longField[open] .arrow{transform:rotate(90deg)}.longField small,.manyField small{margin-left:8px;color:#8996a1;font-weight:400}.longField pre{margin:10px 0 0;white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.manyField{margin:6px 0}.manyField summary{cursor:pointer;list-style:none;color:var(--blue);font-weight:650}.manyField summary::-webkit-details-marker{display:none}.manyField[open]>.detailTree{margin-top:8px}.jsonMatch,mark{background:#ffe38a;color:inherit;padding:1px 2px;border-radius:2px}
.login{width:min(440px,calc(100% - 32px));margin:12vh auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:38px 40px;box-shadow:var(--shadow)}.login .brand{color:var(--blue);font-size:15px}.login h1{margin:28px 0 7px;font-size:27px}.muted{color:var(--muted);margin:0}.login label,.modal label{display:block;margin:19px 0 0;font-size:13px;font-weight:650}.login input,.modal input,.modal select,.modal textarea{margin-top:7px}.login button{width:100%;margin-top:26px}.error{color:#ae303b;background:#fff1f2;border:1px solid #ffd7da;padding:10px 12px;margin-top:16px;border-radius:6px;white-space:pre-wrap}.overlay{position:fixed;inset:0;background:rgba(20,35,48,.48);display:grid;place-items:center;padding:20px;z-index:5}.modal{background:#fff;width:min(640px,100%);max-height:90vh;overflow:auto;border-radius:10px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.modalHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.modal h2{margin:0;font-size:20px}.close{background:none;color:#71808d;font-size:28px;line-height:1;padding:0 5px;box-shadow:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.modal>button{margin-top:24px}
@media(max-width:760px){header{height:auto;min-height:70px;padding:15px 18px}header>div{gap:9px}.subtitle{display:none}.toolbar{padding:32px 18px 20px;display:block}.toolbar form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filterTitle{grid-column:1/-1;align-self:start;margin:0}.toolbar form select{width:100%}.toolbar #newDevice{width:100%;margin-top:12px}.tableWrap{margin:0 18px 28px}.detailPage{padding:24px 18px 36px}.detailTools{display:block}.detailTools input{max-width:none}.detailTools span{display:block;margin-top:9px}.detailCard{padding:8px 16px}.detailEntry{grid-template-columns:1fr;gap:5px}.login{margin:9vh auto;padding:30px 24px}.grid{grid-template-columns:1fr}}
@media(max-width:440px){.toolbar form{grid-template-columns:1fr}.brand{font-size:17px}}