*{box-sizing:border-box}body{margin:0;background:#0b0f14;color:#e8edf3;font:14px system-ui,sans-serif}header{height:68px;background:#0f141b;border-bottom:1px solid #222c35;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3}header b{font-size:20px}button,input,select,textarea{background:#11171e;color:#e8edf3;border:1px solid #29343f;border-radius:8px;padding:10px;font:inherit}button{cursor:pointer;margin-left:6px}button:hover{border-color:#55d68a}.primary{background:#55d68a;color:#07110b;border-color:#55d68a;font-weight:700}main{max-width:1150px;margin:auto;padding:35px 20px}.hero,.panel,.card,.adminRow,.modalCard{background:#11171e;border:1px solid #222c35;border-radius:13px}.hero{padding:32px;background:linear-gradient(135deg,#141d26,#10161d)}.hero small,.panel small{color:#778392;letter-spacing:1.5px}.hero h1{font-size:34px;margin:8px 0}.hero p{color:#9aa5b2}.toolbar{display:flex;gap:10px;margin:18px 0}.toolbar input{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.card{padding:18px;cursor:pointer}.card:hover{border-color:#55d68a}.card h3{margin:0 0 7px}.card div{color:#7f8a97;font-size:13px;margin:4px 0}.badge{display:inline-block;margin-top:10px;padding:4px 8px;background:#143022;color:#65df98;border-radius:20px;font-size:11px}.hidden{display:none!important}.panel{max-width:430px;margin:30px auto;padding:22px}.panel form,.modalCard form{display:grid;gap:10px}.panel h2{margin:8px 0 16px}.adminbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.adminRow{padding:14px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.muted{color:#7f8a97}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:10}.modalCard{width:min(760px,100%);max-height:92vh;overflow:auto;padding:22px}.modalCard label{color:#8f9aa8;font-size:12px}.modalCard textarea{font-family:monospace}.detail{margin-top:18px}.code{background:#080c10;border:1px solid #222c35;border-radius:12px;margin-top:14px;overflow:auto}.code pre{padding:20px;color:#c8d2dc;line-height:1.6}@media(max-width:650px){.toolbar{flex-direction:column}.adminRow{flex-direction:column;align-items:flex-start;gap:10px}}

.tabs{display:flex;gap:8px;margin:20px 0 0}.tabs button{border-radius:9px 9px 0 0;padding:12px 18px}.tabs .active{background:#18231d;border-color:#55d68a;color:#fff}

.cardTop{display:flex;justify-content:space-between;align-items:center}.type{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8b98a6}.card p{color:#9aa5b2;line-height:1.45}.empty{padding:30px;color:#7f8a97}.deviceHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:25px 0}.deviceHead h1{font-size:32px;margin:8px 0}.deviceHead p{color:#8f9aa8}.networkTag{border:1px solid #55d68a;border-radius:20px;padding:8px 12px;color:#65df98}.summary{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:25px}.summary div{background:#11171e;border:1px solid #222c35;border-radius:12px;padding:15px}.summary small{display:block;color:#778392;margin-bottom:6px}.summary b{font-weight:500}.sections details{background:#11171e;border:1px solid #222c35;border-radius:10px;margin:10px 0;overflow:hidden}.sections summary{cursor:pointer;padding:13px 16px;font-weight:600}.sections pre,.code pre{margin:0;padding:16px;overflow:auto;background:#080c10;color:#c8d2dc;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.code{border:1px solid #222c35;border-radius:12px;overflow:hidden;margin-bottom:35px}@media(max-width:650px){.deviceHead{flex-direction:column}.summary{grid-template-columns:1fr}}
.sections summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.sectionEdit{margin:0;padding:6px 10px;font-size:12px;background:#18231d;border-color:#355f47;color:#65df98}.sectionEdit:hover{background:#1d3025}.sectionModalCard{width:min(850px,100%)}#sectionConfig{min-height:360px;resize:vertical;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e8edf3}#sectionError,#formError,#loginError{color:#ff8e8e;min-height:1.2em;margin:0}

.toast{position:fixed;right:24px;bottom:24px;z-index:30;max-width:min(420px,calc(100vw - 48px));padding:13px 18px;border:1px solid #355f47;border-radius:10px;background:#14241b;color:#8af0b1;box-shadow:0 10px 30px #0008;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;font-weight:600}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#713d43;background:#281519;color:#ff9ca4}