:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#17253d;background:#f3f6fb;font-size:16px;line-height:1.55;font-synthesis:none;--blue:#255cdb;--navy:#0b1732;--muted:#68768d}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #6595ff;outline-offset:5px}input:focus{outline:3px solid #d5e2ff;border-color:var(--blue)}[hidden]{display:none!important}.shell{max-width:1040px;margin:auto;padding:0 36px}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde4ed}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-weight:750;font-size:19px}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--navy);color:white;font-size:26px;font-weight:400;line-height:1}.secure{font-size:14px;color:#64728a;display:flex;align-items:center;gap:6px}.secure svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}main{min-height:calc(100vh - 186px)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:45px 0 26px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.13em;color:#74829a}h1{font-size:34px;line-height:1.25;letter-spacing:-.035em;margin:10px 0}h2{font-size:23px;line-height:1.35;margin:14px 0 7px}.muted{color:var(--muted);margin:8px 0}.text-button{border:0;background:none;color:#456388;font-size:14px;padding:10px 0;min-height:44px}.text-button:hover{color:var(--blue)}.connection{display:flex;align-items:center;gap:11px;padding:15px 18px;margin-bottom:24px;border:1px solid #dce5f1;border-radius:12px;background:#eaf0f9;font-size:14px}.connection strong{font-weight:650}.connection>span:last-child{color:#61728b;margin-left:auto}.status-dot{width:7px;height:7px;background:#8f9db3;border-radius:50%;flex-shrink:0}.connection.online .status-dot{background:#218664}.connection.online{background:#edf5f2;border-color:#d5e8df}.connection.offline{background:#fff6e9;border-color:#f0dfbd}.connection.offline .status-dot{background:#b97b19}.device-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:20px}.device-card{border-radius:22px;padding:25px 27px}.desktop-card{color:#fff;background:var(--navy);box-shadow:0 12px 30px #152d5814}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.device-kind{font-size:14px;color:#b1bfd7}.pill{border:1px solid #43516e;border-radius:30px;color:#bfcae0;padding:4px 9px;font-size:12px;white-space:nowrap}.pill.neutral{color:#71819a;border-color:#dce3ed}.desktop-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 0 33px}.monitor,.laptop{width:65px;height:57px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.monitor{color:#a9c3ff}.desktop-content h2{font-size:28px;margin:12px 0 3px}.device-note{color:#92a6c8;font-size:14px;margin:0}.power-button{height:126px;width:126px;flex-shrink:0;border-radius:50%;border:1px solid #6089f4;color:white;background:#2c62d9;box-shadow:0 0 0 9px #2556b826,0 0 0 18px #21437a17;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:background .15s,transform .15s,box-shadow .15s}.power-button:hover:not(:disabled){background:#3775f1;transform:translateY(-2px);box-shadow:0 0 0 10px #2556b838,0 0 0 20px #21437a26}.power-button:active:not(:disabled){transform:scale(.97)}.power-button:disabled{background:#203860;border-color:#425778;color:#a5b4ce;box-shadow:none}.power-button svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.power-button span{font-size:14px;font-weight:600}.card-bottom{border-top:1px solid #2c3a55;padding-top:17px;display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#b7c5dc}.subtle{color:#8297b9}.laptop-card{border:1px solid #dfe6f0;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.laptop-card .card-top{width:100%}.laptop-card .device-kind{color:#6f7f96}.laptop{color:#8d9db5;margin-top:30px}.laptop-card h2{font-size:20px;margin-top:13px}.laptop-card .muted{font-size:14px;margin:2px 0 20px}.secondary{margin-top:auto;border:1px solid #e0e6ef;background:#f5f7fb;color:#8e9aaf;border-radius:10px;padding:10px 18px;width:100%;font-size:14px}.activity{margin-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading h2{font-size:18px;margin:0}.activity-row{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;padding:17px 0;border-top:1px solid #e0e6ef}.activity-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e6edfb;color:#456aab;font-size:21px}.activity-title{font-size:15px;font-weight:600}.activity-detail{font-size:13px;color:#718098;margin-top:2px}.activity-time{font-size:13px;color:#718098;text-align:right}.empty{padding:25px;text-align:center;background:#ebeff6;border-radius:14px;color:#78859b;font-size:14px}.explanation{font-size:13px;color:#7a879b;margin:22px 0 36px;line-height:1.7}.error{color:#af3037;font-size:14px}.banner{padding:12px 16px;border:1px solid #edcbd0;background:#fff0f1;border-radius:10px}footer{display:flex;justify-content:space-between;padding:25px 0 28px;border-top:1px solid #dde4ed;font-size:12px;color:#8390a3}.loading{text-align:center;padding-top:90px;color:var(--muted)}.login-view{max-width:380px;margin:62px auto 58px;text-align:center}.login-art{width:74px;height:74px;margin:0 auto 25px;border-radius:24px;background:var(--navy);color:#acc6ff;display:grid;place-items:center;font-size:48px;box-shadow:0 8px 20px #0b173213}.login-view .eyebrow{letter-spacing:.05em;font-size:13px}.login-view h1{font-size:30px;margin-top:12px}.login-view>.muted{font-size:15px}.login-form{text-align:left;background:white;border:1px solid #dfe6f0;border-radius:18px;padding:27px;margin-top:30px;box-shadow:0 6px 24px #27395104}.login-form label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.login-form input{width:100%;height:46px;border:1px solid #d7dfeb;border-radius:9px;padding:9px 12px;margin-bottom:19px;background:#fbfcfe;color:#14243e}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:var(--blue);color:white;border-radius:9px;padding:12px 15px;font-weight:600;min-height:46px}.primary:disabled{opacity:.6}.primary:hover:not(:disabled){background:#1c4fc4}.login-foot{font-size:12px;color:#8a97ab;margin-top:22px}@media(max-width:700px){.shell{padding:0 22px}.topbar{height:81px}.page-heading{margin-top:31px}h1{font-size:30px}.device-grid{grid-template-columns:1fr}.device-card{padding:22px 24px}.desktop-content{padding:32px 0}.connection{flex-wrap:wrap;gap:8px 10px}.connection>span:last-child{margin-left:17px;width:100%;font-size:13px}.laptop-card{position:relative;min-height:212px;padding-bottom:21px}.laptop{width:49px;height:43px;margin-top:22px}.laptop-card h2{position:absolute;left:88px;top:66px;font-size:20px}.laptop-card .muted{position:absolute;left:88px;top:108px;margin:0;font-size:13px}.laptop-card .secondary{margin-top:21px}.activity{margin-top:29px}.login-view{margin-top:45px}.login-form{padding:24px}.login-view h1{font-size:28px}}@media(max-width:370px){.shell{padding:0 16px}.device-card{padding:21px}.power-button{width:106px;height:106px}.card-bottom{flex-wrap:wrap}.secure{font-size:12px}.device-kind{font-size:13px}.laptop-card h2{font-size:18px;left:80px}.laptop-card .muted{left:80px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}