:root{font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263a32;background:#f3f5f2;--line:#dde4dd;--green:#2c5941}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:20px 26px}header,.toolbar,.panel-head,footer,.tabs{display:flex;align-items:center;gap:9px}header{justify-content:space-between;margin-bottom:14px}header strong{font-size:17px;letter-spacing:1px}.subtitle{color:#77857b;margin-left:18px}button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:6px;color:inherit}button{background:#fff;padding:7px 12px;cursor:pointer;white-space:nowrap}button:hover:enabled{background:#edf3ed;border-color:#a2baa8}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover:enabled{background:#3c7053}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #70a381;outline-offset:2px}input,select,textarea{background:white;padding:7px 9px;min-width:0;width:100%}input[type=checkbox]{width:auto;accent-color:var(--green)}input[type=range]{padding:0}textarea{resize:vertical;font:12px/1.6 ui-monospace,monospace}.notice{background:#e7f0e7;border:1px solid #d3e3d4;color:#355d40;padding:9px 13px;border-radius:7px;margin-bottom:14px;min-height:38px}.notice.error{background:#fff2e9;color:#9a522f;border-color:#efd7c6}.badge{font-size:11px;background:#e7ebe7;color:#6a786e;border-radius:20px;padding:4px 9px}.badge.live{background:#deefdf;color:#347746}.metrics{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr 1fr 1.1fr;background:white;border:1px solid var(--line);border-radius:8px;padding:13px 0;margin-bottom:15px}.metrics>div{padding:0 16px;border-right:1px solid var(--line);min-width:0}.metrics>div:last-child{border:0}.metrics span{display:block;color:#8b968e;font-size:11px;margin-bottom:4px}.metrics strong{display:block;font-size:13px;font-weight:550;overflow-wrap:anywhere}.tabs{border-bottom:1px solid var(--line);margin-bottom:16px;gap:4px;overflow:auto}.tabs button{border:0;border-radius:0;background:none;color:#7a877e;padding:10px 15px;border-bottom:2px solid transparent}.tabs button[aria-current=page]{color:var(--green);border-bottom-color:var(--green);font-weight:650}.tabs #refreshAll{font-size:12px;color:#52725a}.spacer{flex:1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.panel{padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;min-width:0}.panel-head{justify-content:space-between;margin-bottom:15px}h2{font-size:13px;font-weight:650;margin:0}p{line-height:1.8}label{display:block;color:#6f7d72;font-size:12px}label input,label select,label textarea{display:block;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.check{display:flex;align-items:center;gap:7px;margin:12px 0}.check input{margin:0}.hint,.muted{font-size:11px;color:#8a958c}.hint{margin:12px 0 0}.tag{font:10px ui-monospace,monospace;color:#79907e}.setting{display:grid;grid-template-columns:125px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf0eb}.setting:last-child{border:0}.setting label{font-size:12px}.current{font-size:10px;color:#8a958c;display:block}.setting input,.setting select{margin:0}.setting button{padding:6px 10px}.setting .muted{font-size:11px}.command{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#f5f7f3;border-radius:6px;padding:8px 10px}.command code{flex:1;font:12px ui-monospace,monospace;overflow-wrap:anywhere}.command button{font-size:11px;padding:4px 9px}output{display:block;font:22px/1.5 ui-monospace,monospace;margin:18px 0 12px;color:#31513c;overflow-wrap:anywhere}.steps{display:flex;padding:0;list-style:none;gap:18px;color:#98a196;font-size:11px;margin:15px 0 0}.steps li:before{content:'○';margin-right:5px}.steps .done{color:#3d8257}.steps .done:before{content:'●'}details summary{cursor:pointer;color:#526657;font-size:12px}details pre{margin-bottom:0}.logs{margin-top:15px;padding:12px 16px}.logs .toolbar{margin:12px 0}.logs input{max-width:320px}pre{margin:12px 0 0;background:#f5f7f3;border-radius:5px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;font:11px/1.7 ui-monospace,monospace;max-height:420px;color:#53675a}.logs pre{height:190px}.catalog{margin-top:14px}.catalog input{margin:12px 0;max-width:420px}#catalogList{max-height:350px;overflow:auto}.catalog-row{display:grid;grid-template-columns:1.1fr 1.4fr 70px;padding:9px 0;gap:12px;border-bottom:1px solid #edf0eb;font-size:11px}.catalog-row code{overflow-wrap:anywhere;color:#3e6950}#lastMessage{min-height:220px}.tab-panel[hidden]{display:none}footer{justify-content:space-between;color:#98a295;font-size:10px;margin:16px 0}#tab-advanced label{margin:12px 0}#wifiDetail{min-height:32px}@media(max-width:850px){main{padding:15px}.metrics{grid-template-columns:repeat(3,1fr);row-gap:15px}.metrics>div:nth-child(3){border:0}.grid{grid-template-columns:1fr}.subtitle{display:none}.setting{grid-template-columns:115px minmax(0,1fr) auto}}@media(max-width:500px){header strong{font-size:14px}.toolbar{flex-wrap:wrap}button{padding:7px 9px}.panel{padding:14px}.panel-head{align-items:flex-start}.form-grid{grid-template-columns:1fr}.metrics>div{padding:0 9px}.metrics strong{font-size:11px}.metrics span{font-size:10px}.setting{grid-template-columns:95px minmax(0,1fr) auto;gap:6px}.tabs button{padding:10px}.catalog-row{grid-template-columns:1fr}footer{gap:10px;align-items:flex-start}}
