:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#182235;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login-page{height:100vh;display:grid;place-items:center;background:#f7f8fb}.login-box{width:340px;display:grid;gap:12px}.login-box input{height:48px;border:1px solid #dce1ea;border-radius:9px;padding:0 15px;background:#fff;outline:none;transition:.2s}.login-box input:focus{border-color:#3478f6;box-shadow:0 0 0 3px #3478f619}.login-box button{height:48px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-weight:650;cursor:pointer}.login-box button:disabled{opacity:.65}.shell{height:100vh;display:grid;grid-template-columns:300px 1fr;overflow:hidden}aside{background:#fff;border-right:1px solid #e7eaf0;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 20px;font-size:17px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#2563eb;color:#fff;font-weight:800}.aside-actions{display:flex;gap:8px;padding:0 7px 16px}.primary,.ghost,.copy{border:0;border-radius:8px;cursor:pointer}.primary{background:#2563eb;color:#fff;padding:10px 16px;font-weight:600}.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{background:#eef2f8;color:#566176;padding:10px 14px}.small{flex:1;padding:8px 10px}.install-panel{position:relative;background:#111827;color:#dce7ff;border-radius:9px;padding:12px;margin:0 7px 14px;overflow:hidden}.install-panel code{display:block;font-size:10px;line-height:1.5;word-break:break-all;padding-right:42px}.copy{position:absolute;right:6px;top:6px;padding:5px 7px;background:#ffffff18;color:#fff;font-size:11px}.node-list{overflow:auto;display:grid;align-content:start;gap:5px}.node-item{width:100%;border:0;background:transparent;border-radius:10px;padding:10px;display:flex;align-items:center;text-align:left;cursor:pointer;color:inherit}.node-item:hover,.node-item.active{background:#f0f5ff}.node-icon{width:38px;height:38px;border-radius:10px;background:#e7efff;color:#2563eb;display:grid;place-items:center;font-weight:750}.node-main{display:grid;gap:3px;margin-left:10px;min-width:0;flex:1}.node-main b,.node-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-main b{font-size:14px}.node-main small{color:#8a94a6;font-size:12px}.node-item i{width:8px;height:8px;border-radius:50%;margin-left:8px}.online{background:#20b26b;box-shadow:0 0 0 3px #20b26b1c}.offline{background:#c3c9d3}.empty-list{text-align:center;color:#9aa3b2;padding:45px 0;font-size:13px}main{overflow:auto;padding:42px 52px}header{max-width:920px;margin:auto;display:flex;justify-content:space-between;align-items:center}h1,h2,p{margin:0}.title-row{display:flex;align-items:center;gap:10px}.title-row h1{font-size:25px;letter-spacing:-.4px}.pill{font-size:11px;padding:4px 8px;border-radius:99px}.pill.success{color:#118653;background:#e5f8ee}.pill.muted{color:#7a8494;background:#e9ecf1}header p{font:11px ui-monospace,monospace;color:#9aa3b2;margin-top:7px}.last-seen{display:grid;text-align:right;gap:3px}.last-seen span{font-size:11px;color:#9aa3b2}.last-seen b{font-size:12px;color:#566176}.account-card{max-width:920px;min-height:300px;margin:28px auto;background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:28px;box-shadow:0 8px 30px #22345d0a}.section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f4;padding-bottom:22px}.section-title span{font-size:12px;color:#8a94a6}.section-title h2{font-size:19px;margin-top:7px}.state-dot{width:11px;height:11px;border-radius:50%;background:#c5cad3}.state-dot.linked{background:#20b26b;box-shadow:0 0 0 5px #20b26b15}.auth-flow{max-width:570px;margin:42px auto 16px}.auth-flow label{display:block;font-size:13px;font-weight:650;margin-bottom:9px}.field-row{display:grid;grid-template-columns:1fr auto;gap:10px}.field-row input{height:43px;border:1px solid #dce1ea;border-radius:8px;padding:0 13px;outline:none}.field-row input:focus{border-color:#3478f6;box-shadow:0 0 0 3px #3478f613}.auth-flow form small{display:block;color:#8a94a6;margin-top:9px}.alert{background:#fff0f0;color:#c33d3d;padding:10px 12px;border-radius:8px;font-size:12px;margin-bottom:16px}.alert.neutral{background:#f4f6f9;color:#687386}.processing{display:flex;justify-content:center;align-items:center;gap:12px;padding:48px;color:#657084}.spinner{width:18px;height:18px;border:2px solid #d7deea;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.account-linked{display:flex;align-items:center;gap:15px;margin:42px auto;max-width:570px;padding:22px;background:#f6f9ff;border-radius:12px}.avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#2563eb;color:#fff;font-size:19px;font-weight:750}.account-linked div:last-child{display:grid;gap:5px}.account-linked span{color:#8791a3;font-size:12px}.welcome{height:100%;display:grid;place-content:center;text-align:center;color:#9099a8}.welcome-icon{width:54px;height:54px;display:grid;place-items:center;margin:auto auto 14px;border-radius:15px;background:#e9effb;color:#4d70ac;font-size:25px}.welcome h2{font-size:16px;font-weight:600}@media(max-width:760px){.shell{grid-template-columns:1fr;overflow:auto}aside{border:0;min-height:260px}.node-list{max-height:260px}main{padding:25px 16px;min-height:500px}header{align-items:flex-start}.last-seen{display:none}.field-row{grid-template-columns:1fr}.login-box{width:min(340px,calc(100vw - 40px))}}