:root{--canvas:#edf3f7;--paper:#fff;--ink:#183d54;--secondary:#5e7482;--accent:#176aa0;--line:#d3e0e9;--soft:#f6f9fb;--good:#206e62;--danger:#a3323a;--font:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,input,select,a{touch-action:manipulation}:focus-visible{outline:3px solid #e9ac3b;outline-offset:3px}button{min-height:44px;padding:9px 20px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:white;cursor:pointer;font-weight:600}button:hover{background:#125780}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}.secondary:hover{background:var(--soft)}.compact{font-size:14px;padding:7px 15px;min-height:38px}.masthead{display:flex;align-items:center;gap:28px;max-width:1280px;margin:auto;padding:26px 46px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-.8px}.brand svg{width:31px;height:31px;fill:var(--canvas);stroke:var(--accent);stroke-width:1.8}.header-caption{font-size:13px;color:var(--secondary)}.identity{margin-left:auto;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--secondary)}main{max-width:1188px;padding:0 0 20px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:52px 0 42px}.intro h1{font-size:clamp(32px,4.5vw,48px);line-height:1.25;letter-spacing:-1.5px;margin:0 0 18px;font-weight:600}.intro p{color:var(--secondary);margin:0;font-size:16px}.network{width:380px;text-align:center;color:var(--secondary);font-size:12px}.network svg{width:100%;max-height:190px;stroke:#93b4ca;fill:var(--canvas);stroke-width:2}.network .pulse{fill:var(--accent);stroke:none}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:485px}.access{padding:28px;border-right:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.section-top h2{font-size:19px;margin:0;font-weight:600;letter-spacing:-.4px}.section-top p{font-size:13px;color:var(--secondary);margin:5px 0 0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--good);white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.muted{color:var(--secondary)}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}label span{float:right;font-weight:400;color:var(--secondary);font-size:11px}input,select{width:100%;min-height:44px;border:1px solid #bccedb;background:var(--paper);border-radius:6px;color:var(--ink);padding:10px 11px;margin-bottom:18px}input::placeholder{color:#7a8f9d}select{appearance:auto}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:4px 0 15px}.message{font-size:13px;color:var(--secondary);min-height:42px;margin:18px 0}.message.error{color:var(--danger)}.boundary-note{display:flex;gap:9px;align-items:flex-start;border-top:1px solid var(--line);padding-top:19px;margin-top:25px}.boundary-note svg{width:23px;height:23px;fill:none;stroke:var(--secondary);stroke-width:1.5;flex-shrink:0}.boundary-note p{margin:0;color:var(--secondary);font-size:12px;line-height:1.75}.session-note{font-size:13px;color:var(--secondary)}.devices-panel{padding:28px 32px;display:flex;flex-direction:column}.devices{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 20px 60px;min-height:295px}.empty-glyph{color:#719cb8;font-size:62px;line-height:1.3}.empty-state h3{font-size:17px;font-weight:500;margin:14px 0 7px}.empty-state p{margin:0;color:var(--secondary);font-size:13px;max-width:290px}.device{padding:19px 0;border-bottom:1px solid var(--line)}.device:first-child{padding-top:4px}.device-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.device h3{font-size:16px;margin:0;font-weight:600;overflow-wrap:anywhere}.device-id{font-size:11px;color:var(--secondary);margin:5px 0 12px;overflow-wrap:anywhere}.ports{display:flex;flex-wrap:wrap;gap:7px}.port{padding:4px 9px;background:var(--soft);border:1px solid var(--line);border-radius:4px;font-size:12px}.no-ports{font-size:12px;color:var(--secondary)}.mapping-note{padding-top:16px;margin-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--secondary)}.refreshed{font-size:11px;color:var(--secondary);margin-bottom:0;min-height:18px}.admin{margin-top:22px;background:var(--paper);padding:28px 32px;border:1px solid var(--line);border-radius:12px}.admin-row{display:grid;grid-template-columns:1fr 1fr 100px 80px;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.admin-row input{margin:0}.admin-row label{margin:0;font-weight:400;display:flex;align-items:center;gap:9px;white-space:nowrap}.admin-row input[type=checkbox]{width:18px;min-height:18px}.app-form{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end;padding-top:24px}.app-form input{margin:0}.admin-row code{font:13px var(--font);overflow-wrap:anywhere}#admin-message{font-size:13px;color:var(--secondary);min-height:21px}footer{display:flex;align-items:center;gap:20px;padding:26px 0;color:var(--secondary);font-size:12px}footer span:first-child{font-weight:600;color:var(--ink)}footer a{margin-left:auto;color:var(--secondary);text-decoration:none}footer a:hover{text-decoration:underline}[hidden]{display:none!important}@media(max-width:1250px){main{padding-left:36px;padding-right:36px}}@media(max-width:760px){.masthead{padding:20px 22px;gap:15px}.header-caption{display:none}.brand{font-size:21px}.identity{font-size:11px}main{padding:0 20px 10px}.intro{padding:34px 0 28px}.intro h1{font-size:34px}.intro p{font-size:14px}.network{width:190px;max-width:40%;font-size:10px}.workspace{grid-template-columns:1fr}.access{border-right:0;border-bottom:1px solid var(--line);padding:25px}.devices-panel{padding:25px}.boundary-note{margin-top:18px}.auth-actions{max-width:350px}.empty-state{min-height:210px;padding:30px 10px}.admin{padding:25px}.admin-row{grid-template-columns:1fr 1fr}.app-form{grid-template-columns:1fr}.desktop-break{display:none}footer{gap:12px;flex-wrap:wrap}footer a{margin-left:0}}@media(max-width:440px){.network{display:none}.identity{max-width:42%}.intro h1{font-size:32px}.intro{padding:28px 0}main{padding:0 14px}.masthead{padding:18px}.access,.devices-panel,.admin{padding:22px}.admin-row{gap:10px}.admin-row code{font-size:12px}.app-form{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}