.settingsApp{color:#17212a;background:#eef2f5;min-height:100vh}.settingsApp>header{background:#fff;border-bottom:1px solid #d7e0e7;align-items:center;height:76px;padding:0 28px;display:flex}.settingsApp header a{color:#2583c5;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:700;text-decoration:none}.settingsApp h1{margin:4px 0 0;font-size:20px}.settingsLayout{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.settingsLayout>nav{background:#f8fafb;border-right:1px solid #d7e0e7;flex-direction:column;gap:4px;padding:24px 16px;display:flex}.settingsLayout>nav button{color:#5e6b75;text-align:left;cursor:default;background:0 0;border:0;border-radius:4px;padding:11px 13px}.settingsLayout>nav button.active{color:#176fa9;background:#e6f2fa;font-weight:700}.settingsContent{width:min(900px,100% - 48px);margin:0 auto;padding:38px 0 60px}.settingsTitle>span{color:#2583c5;letter-spacing:.12em;font-size:9px;font-weight:700}.settingsTitle h2{margin:5px 0;font-size:24px}.settingsTitle p{color:#687783;max-width:650px;margin:0;font-size:12px;line-height:1.5}.nodeList{gap:10px;margin-top:22px;display:grid}.nodeList article{background:#fff;border:1px solid #d5e0e7;border-radius:6px;grid-template-columns:minmax(180px,1.3fr) minmax(320px,2fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.nodeIdentity{align-items:center;gap:10px;display:flex}.nodeIdentity i{background:#aeb8be;border-radius:50%;width:10px;height:10px}.nodeIdentity i.online{background:#35a76f;box-shadow:0 0 0 4px #e0f4e9}.nodeIdentity i.offline{background:#cf5d55;box-shadow:0 0 0 4px #fae8e6}.nodeIdentity strong,.nodeIdentity small{display:block}.nodeIdentity small{color:#74818a;font:9px var(--font-geist-mono);margin-top:4px}.nodeList dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.nodeList dl div{background:#f5f8fa;border-radius:3px;padding:7px}.nodeList dt{color:#7b8992;font-size:8px}.nodeList dd{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:9px;font-weight:650;overflow:hidden}.nodeActions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.nodeActions button,.addNode,.settingsModal button{color:#286f9d;cursor:pointer;background:#fff;border:1px solid #c7d7e1;border-radius:4px;padding:7px 10px;font-size:9px}.nodeActions button.danger{color:#a34b45}.addNode{color:#fff;background:#2583c5;border-color:#2583c5;margin-top:14px;font-weight:700}.emptyNodes{text-align:center;background:#fff9;border:1px dashed #c9d5dc;border-radius:6px;padding:36px}.emptyNodes strong{font-size:13px}.emptyNodes p{color:#71808a;font-size:10px}.settingsModal{z-index:50;background:#141f278c;place-items:center;display:grid;position:fixed;inset:0}.settingsModal section{background:#fff;border-radius:7px;width:min(440px,100vw - 36px);padding:22px;box-shadow:0 24px 70px #00000040}.settingsModal h2{margin:0 0 17px}.settingsModal label{color:#5c6b75;gap:5px;margin-top:10px;font-size:10px;display:grid}.settingsModal input{border:1px solid #cbd7df;border-radius:4px;padding:10px;font-size:12px}.settingsModal small{color:#75828a;margin-top:12px;line-height:1.4;display:block}.settingsModal section>div{justify-content:flex-end;gap:7px;margin-top:19px;display:flex}.settingsModal button.primary{color:#fff;background:#2583c5;border-color:#2583c5}.settingsModal button:disabled{opacity:.45}@media (width<=850px){.settingsLayout{grid-template-columns:1fr}.settingsLayout>nav{border-bottom:1px solid #d7e0e7;border-right:0;flex-direction:row;overflow:auto}.nodeList article{grid-template-columns:1fr}.nodeList dl{grid-template-columns:1fr 1fr}.nodeActions{justify-content:flex-start}}.settingsApp .settingsLayout{grid-template-columns:minmax(0,1fr)}.settingsApp .settingsLayout>nav{display:none}