:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light;font-synthesis:none;color:#172333;background:#f6f8fc;--blue:#315efb;--blue-dark:#254bd6;--ink:#172333;--muted:#8490a1;--border:#e8ecf3;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:1px solid #e0e6ef;background:white;border-radius:9px;color:#536176;font-size:13px;line-height:1.4;cursor:pointer;transition:background .2s,border-color .2s,transform .25s var(--ease),box-shadow .2s}button:hover{border-color:#b5c5f9;background:#f6f8ff;transform:translateY(-2px)}button:active{transform:translateY(0) scale(.98)}button:disabled{opacity:.45;cursor:default;transform:none}button svg{width:17px;height:17px;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #93adff;outline-offset:4px}a{color:var(--blue);text-decoration:none}input,select,textarea{display:block;min-width:0;width:100%;padding:13px 14px;border:1px solid #dfe5ef;border-radius:9px;background:#fff;color:#233348;outline:none;margin-top:9px;font-size:13px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#a0aabb}input:focus,select:focus,textarea:focus{border-color:#7396ff;box-shadow:0 0 0 4px #315efb0a}select{cursor:pointer}textarea{min-height:105px;resize:vertical}input[type=file]{font-size:12px;background:#f7f9ff;border-style:dashed;padding:22px}label{display:block;margin-top:22px;font-size:13px;color:#4b5b70}input[type=checkbox]{display:inline-block;width:auto;margin:0;accent-color:var(--blue)}[hidden]{display:none!important}.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 4px 10px #315efb12;font-weight:550}.primary:hover{background:var(--blue-dark);color:white;border-color:var(--blue-dark);box-shadow:0 7px 18px #315efb20}.quiet{background:transparent;border-color:transparent;color:#7b899b}.quiet:hover{background:#edf2ff;border-color:transparent;color:var(--blue)}.danger{color:#cf6570}.text-button{background:none;border:0;padding:0;color:var(--blue);font-size:12px}.text-button:hover{background:none;box-shadow:none;transform:none}.icon-button{padding:7px;background:transparent;border-color:transparent;color:#8d9bab;border-radius:7px}.small-button{font-size:11px;padding:8px 10px;border-radius:7px}.small-button svg{width:13px;height:13px}.brand{display:inline-flex;align-items:center;gap:10px;color:#1b2b40;font-size:20px;font-weight:800;letter-spacing:1px;white-space:nowrap}.brand-light{font-weight:450;margin-left:3px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--blue);border-radius:10px;font-size:27px;font-weight:550;letter-spacing:0;box-shadow:0 4px 11px #315efb14}.layout{display:grid;grid-template-columns:237px minmax(0,1fr);min-height:100svh}.sidebar{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border);padding:30px 18px 0;overflow:auto}.sidebar>.brand{margin-left:10px}.workspace-label{display:flex;align-items:center;gap:8px;background:#f7f9fc;border:1px solid #e8edf5;color:#7c8a9e;font-size:11px;padding:12px 13px;border-radius:9px;margin:31px 0 28px}.workspace-label>span:last-child{margin-left:auto;color:#a1acbb}.workspace-dot{width:5px;height:5px;border-radius:50%;background:#315efb}.nav-caption{font-size:10px;letter-spacing:1px;color:#a6b0bf;padding:0 14px;margin-bottom:13px}.nav{display:grid;gap:7px}.nav button{justify-content:flex-start;border-color:transparent;background:transparent;color:#77859a;padding:13px 15px;border-radius:9px;font-size:13px;gap:12px;transform:none}.nav button svg{width:18px;height:18px;color:#8997a9}.nav button:hover{background:#f5f7fc;color:#4d6fe4}.nav button.active{background:#ecf1ff;color:var(--blue);font-weight:600}.nav button.active svg{color:var(--blue)}.nav-count{display:grid;place-items:center;margin-left:auto;min-width:20px;height:20px;border-radius:6px;background:#fff;color:#8e9fce;font-size:10px;border:1px solid #e2e9fb}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-note{font-size:13px;line-height:1.9;color:#9aabc0;padding:0 14px 16px}.my-space{justify-content:flex-start;width:100%;background:#f9fbfe;border-color:#e7edf5;border-radius:9px;color:#6680ad;padding:13px;font-size:12px}.sidebar-account{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f6;margin:24px -18px 0;padding:21px 18px}.sidebar-account>div{display:grid;gap:5px;flex:1;min-width:0}.sidebar-account strong{font-size:12px;font-weight:600;color:#51647e;overflow:hidden;text-overflow:ellipsis}.sidebar-account>div>span{font-size:9px;color:#a1afc1}.person-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#edf1ff;color:#6d83d4;font-size:13px;font-weight:550}.person-avatar.large{width:49px;height:49px;border-radius:15px;font-size:20px}.color-0{background:#eaf0ff;color:#5478df}.color-1{background:#f0eefe;color:#8e78cd}.color-2{background:#e8f5f1;color:#68a191}.color-3{background:#fff2e6;color:#ca9c6b}.color-4{background:#fbeef3;color:#c1839a}.content{min-width:0;background:radial-gradient(ellipse at 80% 0,#e9efff40,transparent 40%),#f6f8fc}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 39px;border-bottom:1px solid var(--border);background:#fff9}.breadcrumb{display:flex;align-items:center;gap:14px;color:#a3afbe;font-size:12px}.breadcrumb strong{color:#65778c;font-weight:500}.breadcrumb>span{color:#cdd4df}.topbar-right{display:flex;align-items:center;gap:17px}.topbar-right>.badge{border:0;background:none;color:#81968e;font-size:11px}.topbar-right>.quiet{font-size:12px;padding:7px 9px}main{max-width:1540px;margin:0 auto;padding:36px 39px 27px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.eyebrow{display:block;color:#9caecd;font:9px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.8px;margin-bottom:12px}h1{margin:0 0 10px;color:#26384e;font-weight:600;font-size:32px;line-height:1.35;letter-spacing:-.8px}h2{margin:0;font-size:15px;font-weight:600;line-height:1.5;color:#384c67}h3{font-size:14px;font-weight:600;margin:0;color:#415778}p{margin:0;color:#8a98ab;font-size:12px;line-height:1.9}.pagehead p{font-size:12px;color:#91a0b4}.split-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.pagehead .primary{font-size:12px;padding:12px 17px}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.5;padding:4px 8px;border:1px solid #ddede6;border-radius:5px;background:#f1f8f5;color:#7b9b8e;font-size:10px}.dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.warn{background:#fdf8ee;border-color:#f0e6ce;color:#b5a074}.badge.dim{background:#f5f7fa;border-color:#e7ebf0;color:#9ba9b9}.badge.danger{background:#fcf3f4;border-color:#f0dfe1;color:#bd8390}.workspace-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:29px 33px;min-height:180px;background:linear-gradient(110deg,#eef3ff,#f1f5ff 55%,#e7eefe);border:1px solid #dde7fd;border-radius:15px;margin-bottom:25px}.hero-kicker{display:block;font:9px ui-monospace,monospace;letter-spacing:1.8px;color:#9db0d9;margin-bottom:13px}.workspace-hero h2{font-size:25px;font-weight:550;color:#5273b9;letter-spacing:-.5px;margin-bottom:9px}.workspace-hero p{color:#98add2;font-size:12px}.hero-link{margin-top:16px;padding:0;border:0;border-radius:0;background:none;color:#849dcf;font-size:10px}.hero-link:hover{background:none;transform:none;color:#4167bc}.hero-link svg{width:14px;height:14px}.hero-network,.personal-art{display:flex;align-items:center;position:relative;flex-shrink:0;gap:0;margin-right:35px}.hero-network>span,.personal-art>span{position:relative;z-index:1;width:45px;height:45px;display:grid;place-items:center;background:#f7f9ff;border:1px solid #ccd9f5;border-radius:12px;color:#9cb1df;transform:rotate(-7deg);animation:float 7s ease-in-out infinite}.hero-network>span:last-of-type,.personal-art>span:last-of-type{transform:rotate(7deg);animation-delay:-3s}.hero-network svg,.personal-art svg{width:22px;height:22px}.hero-network>b,.personal-art>b{position:relative;z-index:1;display:grid;place-items:center;width:65px;height:65px;border-radius:18px;background:#86a6f0;border:1px solid #7899e6;box-shadow:0 13px 30px #698ce524;color:#f5f8ff;font-size:42px;font-weight:400;animation:float 7s ease-in-out infinite;animation-delay:-2s}.hero-network>i,.personal-art>i{width:31px;border-top:1px dashed #bdcdef}.hero-network:before,.hero-network:after,.personal-art:before{content:"";position:absolute;width:210px;height:210px;border:1px solid #c1d2f33a;border-radius:50%;left:50%;top:50%;translate:-50% -50%}.hero-network:after{width:295px;height:295px;border-style:dashed;border-color:#c5d5f230;animation:orbit-spin 60s linear infinite}.hero-network em{position:absolute;width:4px;height:4px;background:#b2c8f4;border-radius:50%;left:32px;bottom:-37px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid var(--border);border-radius:12px;padding:20px 22px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}.stat:hover{transform:translateY(-4px);border-color:#c4d3f5;box-shadow:0 13px 28px #4966a408}.stat>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#90a0b3;font-size:11px}.stat-icon{width:27px;height:27px;border:1px solid #edf1f9;border-radius:8px;background:#f7f9ff;color:#a4b5d7;display:grid;place-items:center}.stat-icon svg{width:14px;height:14px}.stat>strong{display:block;font-size:36px;line-height:1;font-weight:500;letter-spacing:-1.3px;color:#5e789f;margin:17px 0 13px;font-variant-numeric:tabular-nums}.stat small{font-size:10px;color:#a7b3c3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:22px}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf1f7;min-height:69px}.panel-head h2{font-size:13px;color:#667e9e}.panel-head p{font-size:10px;color:#abb8c9;margin-top:5px}.panel-head>.quiet{font-size:10px;padding:7px}.panel-head>svg{width:19px;height:19px;color:#bac9dc}.panel-bottom{padding:18px 23px;border-top:1px solid #edf1f7}.panel-bottom .text-button{color:#99add0;font-size:10px}.table-wrap{overflow:auto;scrollbar-color:#dce5f6 transparent}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#a8b6c9;padding:13px 22px;background:#fcfdff}td{font-size:11px;color:#8c9fb9;padding:16px 22px;border-top:1px solid #f0f3f8}td strong{color:#728aaa;font-size:11px;font-weight:500}td small{display:block;color:#b1bfd1;font-size:9px;margin-top:6px}.person-cell{display:flex;align-items:center;gap:11px}.person-cell small{margin-top:5px;font-size:9px;color:#acbcd0}.person-cell .person-avatar{width:32px;height:33px;font-size:12px;border-radius:9px}.muted{color:#aab8cb}.server-summary{padding:0 22px}.server-line{display:flex;align-items:center;gap:12px;padding:23px 0;border-bottom:1px solid #f1f4f9}.server-line:last-child{border-bottom:0}.server-line>div{flex:1;min-width:0}.server-line strong{display:block;font-size:11px;font-weight:500;color:#7c94b3;line-height:1.7}.server-line small{display:block;margin-top:5px;font:9px ui-monospace,monospace;color:#b0bfd2}.server-line>.badge{font-size:9px}.protocol-icon{display:grid;place-items:center;width:37px;height:40px;border-radius:10px;border:1px solid #e1e9ff;background:#f2f6ff;color:#91a9da;font:600 13px ui-monospace,monospace;flex-shrink:0}.protocol-icon.awg{color:#aa9dce;border-color:#eee8f8;background:#f8f5fd}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;color:#9eaec5;font-size:11px}.search{width:235px;font-size:11px;padding:10px 13px;margin:0}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.member-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:13px;padding:23px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}.member-card:hover{transform:translateY(-4px);border-color:#cbd9f5;box-shadow:0 15px 30px #4b63910a}.member-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.member-card h2{font-size:19px;color:#5f789c;letter-spacing:-.3px}.member-card>p{font-size:10px;color:#a5b5cc;margin-top:6px}.member-protocols{display:flex;gap:7px;margin-top:20px}.protocol-label{display:inline-flex;align-items:center;gap:10px;background:#f2f6ff;border:1px solid #e7edfc;color:#9cb0d7;border-radius:5px;font:10px/1.5 ui-monospace,monospace;padding:4px 7px;white-space:nowrap}.protocol-label b{font:inherit;color:#7e9dcc}.protocol-label.awg{background:#f8f5fc;border-color:#efeaf7;color:#b2a4ce}.member-preview{min-height:100px;margin:18px 0 15px;display:flex;flex-direction:column;gap:10px}.member-preview>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#a7b8ce}.member-preview svg{width:13px;height:13px;color:#b8c7dc}.member-preview>small{font-size:9px;color:#bbc8da}.member-open{justify-content:space-between;width:100%;padding:15px 0 0;margin-top:auto;background:none;border:0;border-radius:0;border-top:1px solid #eef2f8;color:#94acd3;font-size:11px}.member-open:hover{transform:none;background:none;color:#315efb}.member-open>span{margin-left:auto;font-size:9px;color:#b3c2d7}.member-open svg{width:14px;height:14px;margin-left:4px}.archived{opacity:.55}.back-button{border:0;background:none;padding:0;font-size:11px;color:#9bb1d2;margin-bottom:25px}.back-button:hover{background:none;transform:none;color:#315efb}.member-profile{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.member-profile-name{display:flex;align-items:center;gap:15px}.member-profile h1{font-size:28px;line-height:1.2;margin:0}.member-profile p{font-size:11px;margin-top:10px}.inline-title{display:flex;align-items:center;gap:13px}.member-profile .split-actions>button{font-size:11px}.member-summary{display:flex;align-items:center;gap:35px;border:1px solid #e3eaf7;background:#f0f4fe;border-radius:10px;padding:20px 23px;color:#9bafd0;font-size:11px;margin-bottom:24px}.member-summary strong{font-size:22px;font-weight:500;color:#7e9ac7;margin-right:8px}.connection-cell{display:flex;align-items:center;gap:11px}.connection-cell .protocol-icon{width:31px;height:34px;font-size:11px;border-radius:8px}.node-name{font-size:10px;color:#9bafca}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.row-actions{display:flex;gap:7px}.row-actions .small-button{font-size:10px;color:#9db2d1;border-color:#e7edf8;padding:7px 9px}.file-indicator{display:inline-flex;gap:5px;align-items:center;color:#9bbba9;font-size:10px}.file-indicator svg{width:12px;height:12px}.file-missing{font-size:10px;color:#c5b28c}.toolbar{display:flex;gap:12px;align-items:center}.toolbar select{width:130px;margin:0;padding:9px 12px;font-size:11px;color:#9baecc;background:#fcfdff}.toolbar .search{width:185px}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:29px;color:#b4c0d2;font-size:8px;letter-spacing:.5px}.notice{padding:16px 19px;background:#f1f5ff;border:1px solid #e2eafb;color:#98acd0;border-radius:9px;font-size:11px;line-height:1.95;margin-bottom:22px}.notice.spaced{margin-top:25px}.empty{text-align:center;color:#a9b9cf;font-size:12px;line-height:1.9;padding:52px 22px}.node{padding:25px;border-bottom:1px solid #edf2f8}.node:last-child{border-bottom:0}.node-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.node-title{display:flex;align-items:center;gap:13px}.node-title h3{color:#829abd;font-size:13px}.node-title p{font-size:10px;color:#b0c0d6;margin-top:5px}.node-details{display:flex;flex-wrap:wrap;gap:20px;margin:21px 0 0 50px;color:#b1bfd3;font-size:10px}.node-details b{font-weight:400;color:#95adce;margin-left:7px}.node-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0 50px}.node-actions button{font-size:10px;padding:8px 10px}.hosts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.host-card{padding:26px}.host-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.host-emblem{display:grid;place-items:center;background:#f0f5ff;color:#a0b6df;border:1px solid #e1e9fc;border-radius:13px;width:46px;height:46px}.host-emblem svg{width:24px;height:24px}.host-card>h2{font-size:21px;color:#7e97bc;margin-bottom:10px}.host-card>p{font-size:12px;color:#a4b8d3}.host-protocols{display:flex;gap:8px;margin:22px 0}.host-detail{display:grid;gap:15px;border-top:1px solid #f0f3f9;padding-top:22px;color:#b3c1d6;font-size:10px}.host-detail>span{display:flex;justify-content:space-between;gap:15px}.host-detail b{font-weight:400;color:#a1b4d0}.timeline{padding:0 24px}.event{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid #eef3f8}.event:last-child{border-bottom:0}.event>span{width:32px;height:35px;border:1px solid #e9eff9;background:#f8fbff;color:#b6c7df;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.event svg{width:16px;height:16px}.event strong{font-size:11px;color:#9bafcb;font-weight:500}.event p{font-size:9px;color:#bdcade;margin-top:6px}.event time{margin-left:auto;font-size:9px;color:#bfccdf;white-space:nowrap}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{padding:28px}.guide-card>span{font:18px ui-monospace,monospace;color:#b9c9e3;display:block;margin-bottom:25px}.guide-card h2{font-size:16px;color:#8ba4c8;margin-bottom:15px}.guide-card p{font-size:12px;color:#a7bbd6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.checkbox{display:flex;align-items:center;gap:10px;font-size:12px;color:#7893bb}.checkbox>span>small{display:block;font-size:10px;color:#b1c3de;margin-top:5px}.grant-options{margin-top:12px;border:1px solid #e7edf8;border-radius:9px;padding:2px 15px 18px;background:#fcfdff}.grant-options .checkbox{margin-top:18px}.hint{font-size:10px;line-height:1.9;color:#9fb2ce;margin-top:10px}.form-error{color:#c47c8c;font-size:11px;line-height:1.9;margin-top:16px}.form-error:empty{display:none}.secret,.install-command{background:#f6f9ff;border:1px solid #e0e9fa;color:#8ba6d1;border-radius:9px;padding:17px;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;user-select:all;font:11px/1.9 ui-monospace,monospace}.install-command{color:#9eb5d7}dialog{width:min(calc(100% - 32px),540px);max-height:90svh;overflow:auto;background:white;border:1px solid #e0e8f5;border-radius:17px;padding:28px;color:#708bb2;box-shadow:0 30px 100px #304e7b2b}dialog.wide{width:min(calc(100% - 32px),750px)}dialog[open]{animation:dialog-in .32s var(--ease) both}dialog::backdrop{background:#253a5b38;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-head h2{font-size:20px;letter-spacing:-.3px;color:#6c89b2}.dialog-head .icon-button{font-size:25px;padding:0 5px;color:#b4c5df}.dialog-head .eyebrow{margin-bottom:7px;font-size:8px}dialog p{font-size:12px;color:#a1b5d1}dialog label{font-size:12px;color:#8ca4c5}dialog input,dialog select,dialog textarea{font-size:12px;color:#7b98c0;border-color:#e0e8f5;background:#fdfefe}dialog input::placeholder,dialog textarea::placeholder{color:#bbcbe0}.actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:26px}.actions button{font-size:12px}.management-actions{display:flex;align-items:center;gap:10px;border-top:1px solid #edf2fa;padding-top:20px;margin-top:24px}.management-actions button{font-size:11px}.connection-dialog-context{display:flex;align-items:center;gap:10px;font-size:10px;color:#a5bad7}.file-menu{display:grid;gap:12px;margin-top:25px}.file-menu button{justify-content:flex-start;padding:15px;color:#90abd1;font-size:12px}.advanced{margin-top:23px;background:#f8faff;border:1px solid #e3ebf9;border-radius:9px;padding:15px}.advanced summary{font-size:11px;color:#96aed3;cursor:pointer;line-height:1.9}.advanced summary span{float:right;color:#bdcde4;font-size:9px}.advanced[open] summary{border-bottom:1px solid #e5edf9;padding-bottom:12px}#toast{position:fixed;bottom:25px;left:50%;translate:-50% 0;z-index:40;background:#315efb;color:#f6f9ff;border:1px solid #3f6aff;border-radius:10px;padding:14px 21px;max-width:90vw;box-shadow:0 9px 35px #315efb20;font-size:12px;line-height:1.7;animation:toast-in .3s var(--ease) both}.loading{display:grid;place-items:center;min-height:100svh;color:#9ab1d5;font-size:13px;letter-spacing:1px}.qr-dialog{width:min(calc(100% - 32px),465px)}.qr-frame{background:white;padding:10px;border:1px solid #e4ebf7;border-radius:12px;width:280px;max-width:100%;margin:15px auto 20px;box-shadow:0 6px 25px #6686bf08}.qr-frame svg{display:block;width:100%;height:auto;image-rendering:pixelated}.qr-caption{text-align:center;font-size:11px;margin-bottom:24px}.qr-dialog .notice{font-size:10px}.link-illustration{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#eff4ff;border:1px solid #e2eaff;color:#9db7e2;margin:8px 0 22px}.link-illustration svg{width:28px;height:28px}.link-qr{width:230px;max-width:100%;margin:20px auto}.link-qr svg{width:100%;height:auto;display:block}.link-dialog>.secret{margin-top:22px}.public-page{min-height:100svh;padding:50px 20px;background:radial-gradient(ellipse at 50% 0,#e5eeff88,transparent 65%),#f7f9fe;display:grid;place-items:center}.public-card{width:min(100%,480px);background:#fff;border:1px solid #e6edf8;border-radius:20px;padding:35px;box-shadow:0 25px 75px #6c8cb908}.public-card>.brand{margin-bottom:43px}.public-card h1{font-size:27px;color:#6582ae;letter-spacing:-.8px}.public-card>p{font-size:12px;color:#a0b4d1;line-height:1.95;margin-top:18px}.public-card>button,.public-card form>.primary{width:100%;padding:15px;margin-top:24px;font-size:12px}.public-card form{margin-top:28px}.public-card form label{color:#9cb1d1;font-size:12px}.public-card input{color:#8fa8ce;border-color:#e0e8f7}.public-card input::placeholder{color:#becee5}.activation-account{margin-top:25px;border:1px solid #e6edf9;background:#f8faff;border-radius:9px;display:flex;justify-content:space-between;gap:15px;padding:15px;color:#adc0de;font-size:11px}.activation-account strong{font:12px ui-monospace,monospace;color:#8aa6cf}.back-login{display:block;font-size:10px;text-align:center;color:#aec1df;margin-top:30px}.claim-art,.success-mark{display:grid;place-items:center;width:65px;height:65px;background:#f1f6ff;color:#9db8e3;border:1px solid #e1ebfc;border-radius:18px;margin:27px 0}.claim-art svg,.success-mark svg{width:28px;height:28px}.success-mark{background:#f2f9f6;border-color:#e0eee8;color:#a0c2b1}
/* A separate personal space: files first, no administration controls. */
.user-layout{min-height:100svh;background:radial-gradient(ellipse at 80% 0,#eaf0ff66,transparent 40%),#f7f9fd}.user-topbar{height:87px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e8eef8;background:#fff;padding:0 max(28px,calc((100vw - 1180px)/2))}.user-topbar .brand{font-size:21px}.user-workspace{font-size:11px;color:#b0bfd4;border-left:1px solid #e5ecf7;padding-left:22px}.user-top-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.user-top-actions>.quiet{font-size:11px;color:#9eb3d5}.person-chip{display:flex;align-items:center;gap:9px;font-size:12px;color:#8aa4c9}.person-chip .person-avatar{width:30px;height:30px;border-radius:9px;font-size:11px}.user-main{width:100%;max-width:1180px;padding:43px 28px 30px;margin:0 auto}.user-main .pagehead{margin-bottom:30px}.user-main .pagehead h1{font-size:33px;color:#526f9e;font-weight:550}.user-main .pagehead p{color:#a2b7d5;font-size:12px}.personal-banner{position:relative;isolation:isolate;overflow:hidden;min-height:217px;padding:32px 36px;border:1px solid #dfe8fc;border-radius:15px;background:linear-gradient(110deg,#edf3ff,#f3f6ff 55%,#eaf1ff);display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.personal-banner h2{font-size:28px;font-weight:500;letter-spacing:-.7px;color:#7898cc;margin-bottom:10px}.personal-banner p{color:#aec2e1;font-size:12px}.personal-banner .eyebrow{color:#acc1e5;font-size:8px;letter-spacing:1.7px;margin-bottom:16px}.personal-numbers{display:flex;gap:23px;margin-top:24px;color:#b0c5e4;font-size:10px}.personal-numbers b{font-size:17px;font-weight:500;color:#94b1dc;margin-right:6px}.personal-art{margin-right:21px}.personal-art>b{background:#a9c2f0;border-color:#9cb8e9;color:#faffff;box-shadow:0 15px 30px #84a6de1c;width:70px;height:70px;font-size:44px}.personal-art>span{color:#bbcdeb;border-color:#dce6f9;background:#fbfcff}.personal-art>i{border-color:#cedcf5}.personal-art:before{width:275px;height:275px;border-style:dashed;border-color:#d0def33b;animation:orbit-spin 65s linear infinite}.section-label{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-label h2{font-size:14px;color:#8ca7cd;font-weight:550}.section-label>span{font-size:10px;color:#b7c9e2}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.connection-card{background:#fff;border:1px solid #e4ebf7;border-radius:14px;padding:24px;display:flex;flex-direction:column;transition:border-color .25s,transform .3s var(--ease),box-shadow .3s}.connection-card:hover{border-color:#bfcef0;transform:translateY(-4px);box-shadow:0 15px 32px #5b7daf0a}.connection-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.connection-card-top .protocol-icon{width:43px;height:46px;border-radius:12px;color:#a1b7dd;font-size:15px}.connection-card-top .protocol-icon.awg{color:#b7aad5}.card-protocol{color:#bacbe3;font:8px ui-monospace,monospace;letter-spacing:1.5px;margin-bottom:10px}.connection-card h2{font-size:21px;color:#7b99c5;font-weight:550;letter-spacing:-.4px;margin-bottom:7px}.connection-card>p{font-size:10px;color:#b3c6e1}.connection-card-meta{display:grid;gap:12px;padding:21px 0;margin:19px 0 20px;border-top:1px solid #eff3fb;border-bottom:1px solid #eff3fb;font-size:10px;color:#bfcee3}.connection-card-meta>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.connection-card-meta b{font-size:10px;font-weight:400;color:#a8bfdc}.download-button{width:100%;padding:13px 10px;font-size:12px;box-shadow:0 4px 10px #315efb0d}.download-button svg{width:15px;height:15px}.card-secondary{display:flex;margin-top:11px;gap:9px}.card-secondary button{flex:1;min-width:0;font-size:10px;padding:10px 5px;border-color:#e2ebf9;color:#9ab2d5;border-radius:7px}.card-secondary svg{width:13px;height:13px}.card-footnote{font-size:8px;color:#c1cee1;text-align:center;line-height:1.9;margin-top:19px}.file-waiting{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #e0e9f8;background:#fafcff;border-radius:9px;padding:21px 12px;min-height:98px}.file-waiting>svg{width:20px;height:20px;color:#c0cee2;margin-bottom:8px}.file-waiting strong{font-size:11px;color:#b6c7df;font-weight:500}.file-waiting p{font-size:9px;line-height:1.8;margin-top:9px;color:#c1cfe2;text-align:center}.user-guide{display:flex;gap:12px;padding:23px 25px;margin-top:28px;border:1px solid #e6edf8;border-radius:11px;background:#fff8}.user-guide>span{flex-shrink:0;color:#bdcde3}.user-guide svg{width:18px;height:18px}.user-guide p{font-size:10px;line-height:2;color:#b3c5de}.user-guide strong{font-weight:500;color:#9eb6d5}.user-main .footer{margin-top:8px}
/* Same sign-in for members and administrators. */
.login{display:grid;grid-template-columns:1fr 1.04fr;min-height:100svh;background:#fff;padding:19px;gap:0}.login-entry{min-width:0;display:flex;flex-direction:column;padding:25px 50px 14px}.login-entry>.brand{font-size:19px}.login-form-wrap{max-width:345px;width:100%;margin:auto;padding:60px 0}.login-form-wrap .eyebrow{font-size:8px;color:#a5bad9;letter-spacing:1.7px;margin-bottom:18px}.login-form-wrap h1{font-size:35px;font-weight:550;letter-spacing:-1px;color:#55759f;line-height:1.4;margin-bottom:11px}.login-intro{font-size:12px;color:#b0c1d9;margin-bottom:34px}.login label{font-size:11px;color:#97aecf;margin-top:22px}.input-wrap{display:flex;align-items:center;background:#fcfdff;border:1px solid #e0e9f6;border-radius:9px;margin-top:10px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#87a5eb;box-shadow:0 0 0 4px #315efb08}.input-wrap>svg{width:17px;height:17px;color:#bbcce2;margin-left:15px;flex-shrink:0}.input-wrap>input{border:0;background:none;margin:0;padding:15px 12px;box-shadow:none;outline:none;font-size:12px;color:#8da9cf;min-width:0}.input-wrap>input::placeholder{color:#c6d3e5}.input-wrap>.icon-button{margin-right:7px;color:#bdcde3;transform:none}.input-wrap>.icon-button>svg{width:17px;height:17px}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 17px;font-size:12px;margin-top:28px;border-radius:9px;position:relative;overflow:hidden}.login-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff26 50%,transparent 75%);translate:-120% 0;transition:translate .65s var(--ease)}.login-submit:hover:before{translate:120% 0}.login-submit svg{width:17px;height:17px;color:#c4d2ff}.login-tip{font-size:10px;color:#b9cae0;line-height:1.95;margin-top:22px}.login-footer{display:flex;justify-content:space-between;gap:14px;font-size:8px;color:#bdcce1;max-width:450px;width:100%;margin:auto auto 0}.login-visual{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 38px);display:flex;flex-direction:column;background:#3054b0;border:1px solid #3153a3;border-radius:19px;color:#c0d0ed;padding:47px 49px 27px}.login-visual:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(ellipse at 70% 70%,#698be744,transparent 60%),radial-gradient(ellipse at 20% 20%,#a0bdff12,transparent 60%);animation:aurora 18s ease-in-out infinite alternate}.login-visual:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#c7d9ff08 1px,transparent 1px),linear-gradient(90deg,#c7d9ff08 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(transparent 25%,#000 85%)}.visual-kicker{display:flex;align-items:center;gap:8px;font:8px ui-monospace,monospace;letter-spacing:1.7px;color:#a9c0ee}.visual-kicker>span{width:4px;height:4px;background:#bed5ff;border-radius:50%;box-shadow:0 0 12px #c5dcff88}.login-visual>h2{font-size:clamp(44px,4.5vw,65px);font-weight:500;letter-spacing:-2px;line-height:1.25;color:#e0e9fa;margin:70px 0 23px}.login-visual>h2>span{color:#a5c1f4}.login-visual>p{font-size:12px;line-height:2;color:#9fbaea}.connection-art{position:relative;align-self:center;flex-shrink:0;width:100%;max-width:500px;height:290px;margin-top:8px}.art-orbit{position:absolute;border:1px solid #bcd3ff17;border-radius:50%;left:50%;top:50%;translate:-50% -50%;pointer-events:none}.art-orbit:after{content:"";position:absolute;left:-3px;top:50%;width:5px;height:5px;border-radius:50%;background:#9dbded;box-shadow:0 0 14px #c3dcff77}.orbit-one{width:190px;height:190px;animation:orbit-spin 24s linear infinite}.orbit-two{width:300px;height:300px;animation:orbit-spin 43s linear infinite reverse}.orbit-three{width:410px;height:410px;animation:orbit-spin 65s linear infinite}.orbit-three:after{opacity:.4}.art-lines{position:absolute;inset:0;stroke:#acc6f6;stroke-width:1;stroke-opacity:.22;fill:none;width:100%;height:100%;stroke-dasharray:3 8;animation:dash 18s linear infinite}.art-core{position:absolute;left:50%;top:50%;translate:-50% -50%;rotate:-8deg;display:grid;place-items:center;width:110px;height:110px;border:1px solid #aec8fc;border-radius:25px;background:linear-gradient(145deg,#cadcff,#9fbef6);color:#4169bc;font-size:68px;font-weight:400;box-shadow:0 25px 50px #193b7b44,inset 0 1px 2px #fff7;animation:float 8s ease-in-out infinite}.art-label{position:absolute;display:flex;align-items:center;gap:9px;background:#3960baaa;border:1px solid #9ebcf344;border-radius:10px;padding:12px 14px;box-shadow:0 12px 30px #1b3f7e33;backdrop-filter:blur(8px);color:#b4caf0;font-size:10px;white-space:nowrap;animation:float 7s ease-in-out infinite}.art-label svg{width:17px;height:17px;color:#bad1f5}.art-label-one{left:-1%;top:20%;rotate:-6deg}.art-label-two{right:-1%;top:10%;rotate:5deg;animation-delay:-2s}.art-label-three{right:6%;bottom:3%;rotate:-3deg;animation-delay:-4s}.visual-footer{display:block;margin-top:auto;padding-top:20px;font:8px ui-monospace,monospace;letter-spacing:1.7px;color:#81a4df}
/* Legibility and a restrained motion language. */
:root{--muted:#75869e}h1{color:#263b58}p{color:#7d8fa9}.pagehead p{color:#8a9bb2}.eyebrow{color:#879fc2}.stat>div{color:#8295af}.stat>strong{color:#43628f}.stat small{color:#92a5be}td{color:#7c93b3}td strong{color:#58779f}td small,.person-cell small{color:#95a9c4}th{color:#93a6c0}.muted{color:#91a5c0}.panel-head h2{color:#58759c}.panel-head p{color:#96aac6}.server-line strong{color:#6a87b0}.server-line small{color:#9eb3d0}.node-title h3{color:#6685b1}.node-title p{color:#9bb1d0}.member-card h2{color:#587ba8}.member-card>p{color:#8fa6c7}.member-preview>span{color:#8aa4c8}.member-preview>small{color:#a9bdda}.member-open{color:#7394c4}.member-open>span{color:#9cb3d3}.node-name{color:#829ec4}.connection-card h2{color:#6185b7}.connection-card>p{color:#9bb5d7}.connection-card-meta{color:#a2b9d7}.connection-card-meta b{color:#86a5cf}.card-secondary button{color:#83a2cd}.card-footnote{color:#a5bcdb}.user-guide p{color:#95afd1}.user-guide strong{color:#7699c7}.login-intro{color:#91abcd}.login label{color:#7e9bc4}.input-wrap>input{color:#6188b9}.input-wrap>input::placeholder{color:#a8bedb}.login-tip{color:#9bb3d4}.login-footer{color:#a2b8d7}.connection-card-meta .mono{font-size:10px}.file-waiting p{color:#a5bddb}.file-waiting strong{color:#91aed3}dialog p{color:#819fc7}dialog label{color:#7193c0}dialog input,dialog select,dialog textarea{color:#6289ba}.hint{color:#91abd0}.notice{color:#809dc6}.secret{color:#6b90c2}.footer{color:#a0b4cf}
main.page-motion>.pagehead,main.page-motion>.workspace-hero,main.page-motion>.stats,main.page-motion>.dashboard-grid,main.page-motion>.member-grid,main.page-motion>.panel,main.page-motion>.connection-grid,main.page-motion>.personal-banner{animation:reveal .55s var(--ease) both}main.page-motion>.workspace-hero,main.page-motion>.personal-banner{animation-delay:40ms}main.page-motion>.stats{animation-delay:70ms}main.page-motion>.dashboard-grid,main.page-motion>.connection-grid{animation-delay:110ms}.login-form-wrap{animation:reveal .7s var(--ease) both}.login-visual>h2{animation:reveal .8s var(--ease) .08s both}@keyframes reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:-110}}@keyframes aurora{to{transform:translate(9%,-7%) rotate(12deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1650px){main{padding-top:46px}.login-entry{padding:36px 65px 18px}.login-form-wrap{max-width:380px}.login-visual{padding:55px 65px 32px}.login-visual>h2{margin-top:85px}.connection-art{height:340px;margin-top:25px}.user-main{padding-top:52px}}
@media(max-width:1200px){.layout{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.sidebar-account{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.workspace-label{font-size:10px;padding:11px}.nav button{font-size:12px;padding:13px 12px;gap:10px}.topbar{padding:0 28px}main{padding:30px 28px}.dashboard-grid{grid-template-columns:1fr}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehead{align-items:flex-start}.stats{gap:11px}.stat{padding:18px}.stat>div{font-size:10px}.stat>strong{font-size:32px}.stat small{font-size:9px}.member-profile{align-items:flex-start;flex-wrap:wrap}.member-profile .split-actions{margin-left:64px}.login-entry{padding:22px 34px 13px}.login-visual{padding:42px 35px 25px}.login-visual>h2{font-size:49px;margin-top:75px}.connection-art{height:260px}.art-label{font-size:9px;padding:11px 12px}.user-topbar{padding-left:28px;padding-right:28px}.connection-grid{gap:16px}.connection-card{padding:20px}.card-secondary button{font-size:9px;gap:5px}}
@media(min-width:801px) and (max-height:800px){.login-visual{padding-top:35px;padding-bottom:24px}.login-visual>h2{margin-top:48px;font-size:clamp(44px,4.3vw,56px)}.connection-art{height:230px;margin-top:12px}.orbit-one{width:175px;height:175px}.orbit-two{width:270px;height:270px}.orbit-three{width:360px;height:360px}.art-core{width:95px;height:95px;border-radius:22px;font-size:59px}.login-form-wrap{padding:35px 0}.visual-footer{padding-top:13px}}
@media(max-width:950px){.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-workspace{display:none}.user-topbar{height:76px}.personal-banner{padding:28px}.personal-banner h2{font-size:25px}.personal-art{margin-right:12px;scale:.9}.pagehead{flex-wrap:wrap}.hero-network{margin-right:15px}.hero-network>i{width:20px}.hosts-grid{grid-template-columns:1fr}.panel-head{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.member-grid{gap:16px}.member-card{padding:20px}}
@media(max-width:800px){.login{display:flex;flex-direction:column;padding:0}.login-entry{padding:27px 30px 24px;min-height:100svh;order:1}.login-entry>.brand{font-size:18px}.login-form-wrap{padding:45px 0 35px;max-width:390px}.login-form-wrap h1{font-size:34px}.login-form-wrap .eyebrow{font-size:8px}.login-intro{font-size:12px}.login label{font-size:12px}.input-wrap>input{font-size:13px;padding:16px 12px}.login-submit{padding:16px 17px;font-size:13px}.login-tip{font-size:11px}.login-footer{font-size:9px;max-width:390px}.login-visual{display:none}.user-top-actions{gap:12px}.user-top-actions>.quiet{font-size:10px;padding:7px}.user-topbar{padding:0 22px}.user-topbar .brand{font-size:18px}.user-topbar .brand-mark{width:31px;height:31px;font-size:25px}.user-main{padding:30px 22px 26px}.user-main .pagehead h1{font-size:29px}.personal-banner{min-height:200px}.personal-art{margin-right:-15px;opacity:.8}.personal-art>span:first-child,.personal-art>i:first-of-type{display:none}.personal-banner h2{font-size:23px}.personal-banner p{font-size:11px}.personal-banner .eyebrow{font-size:7px}.section-label>span{font-size:9px}.person-chip{font-size:11px}}
@media(max-width:700px){.layout{display:block}.sidebar{position:relative;height:auto;overflow:visible;padding:20px 18px 0;border:0;border-bottom:1px solid #e6edf7;background:#fff}.sidebar>.brand{margin:0;font-size:18px}.workspace-label,.nav-caption,.sidebar-bottom{display:none}.brand-mark{width:31px;height:31px;border-radius:9px;font-size:25px}.nav{display:flex;overflow-x:auto;scrollbar-width:none;gap:5px;margin-top:20px;padding-bottom:13px}.nav button{white-space:nowrap;font-size:11px;gap:7px;padding:10px 11px;border-radius:8px}.nav svg{width:15px!important;height:15px!important}.nav-count{min-width:16px;height:16px;font-size:8px}.topbar{height:57px;padding:0 18px;gap:10px}.breadcrumb{font-size:10px;gap:8px}.topbar-right{gap:4px}.topbar-right>.badge{font-size:8px;padding:0}.topbar-right>.quiet{font-size:9px;padding:7px 6px}main{padding:27px 18px 23px}.pagehead{align-items:flex-start;margin-bottom:22px;gap:17px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}h1{font-size:28px;letter-spacing:-.7px}.pagehead p{font-size:11px;line-height:1.9}.pagehead .primary{font-size:11px;padding:11px 14px}.workspace-hero{padding:24px;min-height:184px;border-radius:12px;margin-bottom:22px}.workspace-hero h2{font-size:22px;max-width:220px;line-height:1.6}.workspace-hero p{font-size:10px;max-width:190px;line-height:1.9}.hero-kicker{font-size:7px;letter-spacing:1.3px}.hero-link{font-size:9px}.hero-network{position:absolute;right:-52px;bottom:56px;opacity:.45;scale:.8;transform-origin:right center;margin:0}.hero-network>span:first-child,.hero-network>i:first-of-type{display:none}.hero-network:before{width:170px;height:170px}.hero-network:after{width:240px;height:240px}.stats{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:22px}.stat{padding:17px 16px;border-radius:11px}.stat>div{font-size:10px}.stat-icon{width:24px;height:24px}.stat-icon svg{width:13px;height:13px}.stat>strong{font-size:33px;margin:16px 0 13px}.stat small{font-size:9px;line-height:1.8;display:block}.dashboard-grid{gap:19px}.panel-head{padding:17px;gap:12px;min-height:62px}.panel-head h2{font-size:13px}.panel-head p{font-size:10px}.panel-head>.quiet{font-size:10px}.panel{border-radius:11px}th,td{padding-left:17px;padding-right:17px}.server-summary{padding:0 17px}.server-line{padding:20px 0;gap:10px}.server-line strong{font-size:11px}.server-line small{font-size:9px}.server-line .protocol-icon{width:32px;height:35px}.server-line>.badge{font-size:9px}.badge{font-size:9px;padding:4px 7px;gap:5px}.footer{flex-direction:column;align-items:flex-start;gap:8px;font-size:8px;line-height:1.8;padding-top:27px}.member-grid{grid-template-columns:1fr 1fr;gap:11px}.member-card{padding:17px 15px;border-radius:11px}.member-card-top{margin-bottom:17px}.member-card-top>.badge{font-size:8px;padding:3px 5px}.member-card .person-avatar.large{width:38px;height:38px;border-radius:12px;font-size:16px}.member-card h2{font-size:17px}.member-card>p{font-size:9px;line-height:1.8}.member-protocols{gap:5px;margin-top:16px;flex-wrap:wrap}.protocol-label{font-size:9px;padding:3px 6px;gap:6px}.member-preview{margin-top:16px;min-height:94px;gap:9px}.member-preview>span{font-size:9px;gap:5px;line-height:1.8}.member-preview svg{width:11px;height:11px;flex-shrink:0}.member-preview small{font-size:8px}.member-open{font-size:10px;padding-top:13px;gap:3px;flex-wrap:wrap}.member-open>span{font-size:8px;margin-left:0}.member-open svg{margin-left:auto;width:12px;height:12px}.section-toolbar{font-size:9px;gap:10px;align-items:flex-start}.section-toolbar>span{line-height:2}.search{width:155px;font-size:10px;padding:9px 11px}.member-profile{gap:19px;margin-bottom:22px}.member-profile h1{font-size:25px}.member-profile p{font-size:10px}.member-profile-name{gap:12px}.member-profile-name>.large{width:44px;height:44px;border-radius:13px;font-size:18px}.member-profile .split-actions{margin-left:0;gap:7px}.member-profile .split-actions>button{font-size:10px;padding:9px 10px}.member-summary{gap:18px;flex-wrap:wrap;padding:17px;font-size:9px}.member-summary strong{font-size:19px;margin-right:5px}.inline-title{gap:10px}.connections-table td{font-size:10px}.connections-table th{font-size:9px}.connection-cell strong{font-size:11px}.connections-table .row-actions{gap:6px}.toolbar .search{width:140px}.toolbar select{width:120px;font-size:10px}.notice{font-size:10px;line-height:2;padding:15px 17px}.node{padding:21px 18px}.node-top{align-items:flex-start;gap:12px}.node-title{gap:10px}.node-title h3{font-size:12px}.node-title p{font-size:10px}.node-title>.protocol-icon{width:33px;height:36px}.node-details{margin:19px 0 0;gap:11px 18px;font-size:10px}.node-actions{margin:18px 0 0;gap:7px}.node-actions button{font-size:10px;padding:8px 10px}.host-card{padding:22px}.host-card>h2{font-size:20px}.host-detail{font-size:10px;gap:15px}.host-card>p{font-size:12px}.guide-grid{grid-template-columns:1fr;gap:17px}.guide-card{padding:25px}.guide-card p{font-size:12px}.guide-card h2{font-size:16px}.event{gap:11px;padding:20px 0;align-items:flex-start;flex-wrap:wrap}.event>div{flex:1;min-width:200px}.event strong{font-size:11px}.event p{font-size:10px;line-height:1.9}.event time{font-size:9px;margin-left:43px;width:100%}.timeline{padding:0 18px}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:24px;max-height:87svh;border-radius:14px}.dialog-head h2{font-size:19px}.dialog-head .icon-button{font-size:24px}dialog p{font-size:12px}dialog label{font-size:12px}dialog input,dialog select,dialog textarea{font-size:13px;padding:13px}.actions{gap:9px}.actions button{font-size:11px;padding:11px 13px}.advanced summary span{display:block;float:none;margin-left:15px}.advanced{padding:13px 14px}.connection-dialog-context{flex-wrap:wrap;line-height:1.9}.management-actions{flex-wrap:wrap}.management-actions button{font-size:10px}.secret,.install-command{font-size:10px}.hint{font-size:10px}.qr-frame{width:265px}.qr-dialog .notice{font-size:10px}.public-card{padding:29px 25px}.public-card h1{font-size:25px}.public-card>p{font-size:12px}.public-page{padding:30px 18px}.public-card>.brand{margin-bottom:35px}.user-topbar{height:71px;padding:0 19px;gap:12px}.user-topbar .brand{font-size:17px;gap:8px}.user-topbar .brand-mark{width:29px;height:29px;border-radius:8px;font-size:23px}.user-top-actions{gap:8px}.user-top-actions>.quiet{font-size:8px;padding:6px 4px}.person-chip{font-size:10px;gap:6px}.person-chip .person-avatar{width:26px;height:26px;font-size:10px;border-radius:8px}.user-top-actions>.icon-button{padding:6px 3px}.user-top-actions>.icon-button>svg{width:15px;height:15px}.user-main{padding:29px 19px 24px}.user-main .pagehead{gap:14px;margin-bottom:22px}.user-main .pagehead h1{font-size:28px}.user-main .pagehead p{font-size:11px;line-height:1.95;max-width:280px}.user-main .pagehead .quiet{font-size:10px;padding:6px 0}.personal-banner{min-height:220px;padding:26px 23px;margin-bottom:28px;border-radius:13px}.personal-banner h2{font-size:25px;max-width:245px;line-height:1.5}.personal-banner p{font-size:11px;max-width:210px;line-height:1.95}.personal-banner .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:15px}.personal-numbers{gap:16px;position:relative;z-index:2;font-size:9px}.personal-numbers b{font-size:16px}.personal-art{position:absolute;right:-56px;bottom:68px;opacity:.4;scale:.85;transform-origin:right center;margin:0}.personal-art:before{width:200px;height:200px}.section-label{align-items:flex-start;margin-bottom:17px}.section-label h2{font-size:13px}.section-label>span{font-size:8px;max-width:180px;line-height:1.9;text-align:right}.connection-grid{grid-template-columns:1fr;gap:18px}.connection-card{padding:25px;border-radius:13px}.connection-card-top{margin-bottom:22px}.connection-card-top .protocol-icon{width:44px;height:46px;border-radius:12px}.connection-card-top .badge{font-size:10px}.card-protocol{font-size:8px;letter-spacing:1.6px}.connection-card h2{font-size:23px}.connection-card>p{font-size:11px}.connection-card-meta{font-size:11px;margin:21px 0;padding:21px 0;gap:15px}.connection-card-meta b{font-size:11px}.connection-card-meta .mono{font-size:11px}.download-button{padding:14px 12px;font-size:13px}.card-secondary button{font-size:11px;padding:12px 8px;gap:7px}.card-secondary svg{width:15px;height:15px}.card-footnote{font-size:9px}.file-waiting{padding:25px 15px}.file-waiting strong{font-size:12px}.file-waiting p{font-size:11px}.user-guide{padding:20px;gap:10px;margin-top:23px}.user-guide p{font-size:10px;line-height:2}.user-guide svg{width:17px;height:17px}.login-entry{padding-left:28px;padding-right:28px}}
@media(max-width:370px){.member-grid{grid-template-columns:1fr}.member-card{padding:23px}.member-preview{min-height:0;margin-bottom:24px}.member-open>span{margin-left:auto}.member-card-top>.badge{font-size:10px}.member-card .person-avatar.large{width:44px;height:44px;font-size:19px}.member-card h2{font-size:21px}.member-preview>span{font-size:11px}.personal-art{right:-85px;opacity:.25}.person-chip>span:last-child{display:none}.login-entry{padding-left:23px;padding-right:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Clear ink on a light canvas; muted colors are reserved for decoration. */
:root{color:#26364b}h1{color:#223650}.pagehead p{color:#7b8da7;font-size:13px}.eyebrow{font-size:10px;color:#8ba0bd}.nav button{font-size:13px}.breadcrumb{font-size:12px}.stat>div{font-size:12px;color:#7d90aa}.stat>strong{font-size:38px;color:#365171}.stat small{font-size:11px;color:#91a4bf}.panel-head h2{font-size:15px;color:#597596}.panel-head p{font-size:11px;color:#94a8c5}th{font-size:11px;color:#8a9fba}td{font-size:12px;color:#7f98b9}td strong{font-size:12px;color:#567699}td small,.person-cell small{font-size:10px;color:#98acc8}.badge{font-size:11px;color:#739787}.badge.warn{color:#ab9160}.badge.dim{color:#94a5ba}.small-button{font-size:12px}.server-line strong{font-size:12px;color:#6b88ac}.server-line small{font-size:10px;color:#9bb1cd}.member-card h2{font-size:22px;color:#4a6c97}.member-card>p{font-size:12px;color:#8ea7c9}.member-preview>span{font-size:12px;color:#8ba6c9}.member-preview>small{font-size:10px;color:#9db3d2}.member-open{font-size:12px;color:#7a9bca}.member-open>span{font-size:10px}.protocol-label{font-size:11px}.member-profile h1{color:#466a99}.member-profile p{font-size:12px}.member-summary{font-size:12px}.node-title h3{font-size:15px;color:#6988af}.node-title p{font-size:12px}.node-details{font-size:12px;color:#a1b5d0}.node-details b{color:#83a0c6}.node-actions button{font-size:11px}.notice{font-size:12px;color:#7d9dc5}.host-card>h2{color:#6d8bb4}.host-detail{font-size:12px}.hint{font-size:11px;color:#8aa7ce}.dialog-head h2{color:#607faa}dialog p{color:#8fa9ce}dialog label{color:#7d9dc6}dialog input,dialog select,dialog textarea{color:#6e90bd}.connection-card h2{font-size:23px;color:#557eaf}.connection-card>p{font-size:12px;color:#97b3d6}.connection-card-meta{font-size:12px;color:#a0b9da}.connection-card-meta b{font-size:12px;color:#86a4cc}.card-secondary button{font-size:11px;color:#85a5d0}.card-footnote{font-size:10px;color:#a0b8d9}.download-button{font-size:13px}.card-protocol{font-size:9px;color:#a3bbdc}.file-waiting strong{font-size:12px;color:#94afd2}.file-waiting p{font-size:11px;color:#acc2df}.user-guide p{font-size:11px;color:#9ab3d4}.login-form-wrap h1{color:#3e628f}.login-intro{font-size:13px;color:#91adcf}.login label{font-size:13px;color:#7e9fc8}.input-wrap>input{font-size:13px;color:#7399c7}.input-wrap>input::placeholder{color:#afc5e1}.login-tip{font-size:11px;color:#a1bad9}.login-submit{font-size:13px}.public-card h1{color:#5d80ae}.public-card>p{color:#99b2d2;font-size:13px}.public-card input{font-size:13px}.user-main .pagehead h1{color:#456998}.user-main .pagehead p{font-size:13px;color:#93aed0}.section-label h2{font-size:15px;color:#7c9fcd}.section-label>span{font-size:11px;color:#a9bfdd}.personal-banner h2{color:#789bce}.personal-banner p{color:#a6bfdf}.workspace-hero h2{color:#587bb6}.workspace-hero p{color:#8fa9d0}.hero-link{font-size:11px}.file-indicator,.file-missing{font-size:11px}.row-actions .small-button{font-size:11px}.section-toolbar{font-size:12px}.event strong{font-size:12px;color:#829fc5}.event p{font-size:11px}.event time{font-size:10px}.footer{font-size:9px;color:#adc0d9}.workspace-label{color:#8098b8}
@media(max-width:700px){.pagehead p{font-size:12px}.eyebrow{font-size:9px}.nav button{font-size:12px}.breadcrumb{font-size:10px}.stat>div{font-size:11px}.stat>strong{font-size:34px}.stat small{font-size:10px}.panel-head h2{font-size:14px}.panel-head p{font-size:11px}.member-card h2{font-size:19px}.member-card>p{font-size:10px}.member-preview>span{font-size:10px}.member-preview>small{font-size:9px}.member-open{font-size:11px}.member-open>span{font-size:9px}.member-card .protocol-label{font-size:9px}.member-card-top .badge{font-size:9px}.member-summary{font-size:10px}.node-title h3{font-size:13px}.node-title p{font-size:11px}.node-details{font-size:11px}.badge{font-size:10px}.node-actions button{font-size:11px}.notice{font-size:12px}.section-label>span{font-size:10px}.section-label h2{font-size:14px}.connection-card>p{font-size:12px}.card-secondary button{font-size:12px}.card-footnote{font-size:10px}.connection-card-meta .mono{font-size:12px}.user-main .pagehead p{font-size:12px}.personal-banner p{font-size:12px}.personal-numbers{font-size:10px}.user-guide p{font-size:11px}.connection-dialog-context{font-size:11px}.section-toolbar{font-size:10px}}
.login-intro{color:#758ba8}.login label{color:#607c9f}.input-wrap>input{color:#45688f}.input-wrap>input::placeholder{color:#9eb0c8}.login-tip{color:#8b9fbb}.login-footer{color:#98acc8}.member-preview>span{color:#738ead}.member-card>p{color:#7f99bb}.member-open{color:#688ab9}.member-open>span{color:#90a8c9}.member-card h2{color:#42618a}.person-cell strong{color:#47668d}.section-toolbar{color:#879fbe}.connections-table th,.connections-table td{padding-left:16px;padding-right:16px}.connections-table .node-name{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis}.connection-card h2{color:#416895}.connection-card>p{color:#7e9abf}.connection-card-meta{color:#819bbd}.connection-card-meta b{color:#6083ad}.card-secondary button{color:#6b8fba}.card-footnote{color:#98afd0}.card-protocol{color:#8da8cd}.user-main .pagehead p{color:#7e9abe}.section-label h2{color:#688bb9}.section-label>span{color:#9bb1ce}.personal-banner h2{color:#5b85c0}.personal-banner p{color:#89a8d2}.personal-numbers{color:#99b3d9}.personal-numbers b{color:#7498cc}.user-guide p{color:#839fc4}.user-guide strong{color:#6587b5}.file-waiting p{color:#95afd1}.file-waiting strong{color:#7898c1}.public-card>p{color:#7a98be}.public-card h1{color:#4c739f}.activation-account{color:#8ea8c9}.activation-account strong{color:#6c8ebc}.public-card input{color:#537ba9}.public-card form label{color:#7998c1}.back-login{color:#8da7ca}.public-card .hint{color:#8aa4c8}.badge{font-weight:500}.badge:not(.dim):not(.warn):not(.danger){color:#668e7c}.badge.warn{color:#a08654}.badge.dim{color:#8fa1b8}.node-details{color:#91a9c9}.node-details b{color:#7192bc}.host-detail{color:#93aac9}.host-detail b{color:#7797c0}
@media(max-width:700px){.member-preview>span{font-size:11px}.member-card>p{font-size:11px}.member-open{font-size:11px}.member-card h2{font-size:20px}.member-profile .split-actions>button{font-size:11px}.connections-table th,.connections-table td{padding-left:15px;padding-right:15px}.connection-card>p{font-size:12px}.card-protocol{font-size:10px}.card-secondary button{font-size:12px}.login-tip{font-size:11px}}
@media(min-width:701px){.connection-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.connection-grid:has(.connection-card:only-child){grid-template-columns:minmax(0,520px)}}
.preview-entry{margin-top:30px}.preview-entry button{width:100%;margin-top:12px;padding:14px}.preview-entry .notice{font-size:12px;color:#7797c2}.preview-stamp{margin-bottom:23px;padding:12px 15px;background:#fff8e9;border:1px solid #f0e5cc;color:#a78f5f;border-radius:8px;font-size:11px;line-height:1.8}

.art-core{translate:0 0;transform:translate(-50%,-50%)}
.notice-center{margin:24px 0}.notice-center .panel-head{align-items:center}.notice-list{display:grid;gap:10px;padding:0 22px 22px}.notice-list article{padding:14px 16px;border:1px solid var(--line,#dbe3ef);border-radius:14px;background:var(--surface-soft,rgba(123,150,190,.06))}.notice-list article strong{font-size:14px}.notice-list article time{float:right;color:var(--muted,#8491a8);font-size:12px}.notice-list article p{margin:8px 0 0;line-height:1.6;font-size:13px}.notice-list>.muted{padding:12px 0}
.bark-management{margin:24px 0}.bark-management .panel-head .badge{white-space:nowrap}