:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Inter,"Segoe UI",sans-serif;color:#16181d;background:#f5f5f7}
*{box-sizing:border-box}body{margin:0}header,main{max-width:1080px;margin:auto;padding:24px clamp(16px,4vw,38px)}header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-bottom:1px solid #dedee4}.brand{font-size:1.25rem;font-weight:750;letter-spacing:-.05em;color:#16181d}
nav{display:flex;gap:6px;flex-wrap:wrap}a{color:#0058bb;text-decoration:none}a:hover{text-decoration:underline}nav a{padding:8px 12px;border-radius:100px;color:#444853}nav a[aria-current=page]{background:#e2eafa;color:#004596;font-weight:650}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1;letter-spacing:-.065em;margin:22px 0}h2{letter-spacing:-.04em}form,article{background:#fff;border:1px solid #e0e1e6;padding:18px;border-radius:16px;margin:12px 0}form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}label{display:grid;gap:6px;color:#464a53;font-size:.9rem}label[hidden]{display:none}input,select,button{font:inherit;padding:9px 12px;border-radius:9px;border:1px solid #d1d4db;max-width:100%;min-height:40px}button{background:#0866d9;color:#fff;cursor:pointer;border-color:transparent;font-weight:600}button:hover{background:#0057c1}button:disabled{opacity:.6}a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #0866d9;outline-offset:3px}pre{white-space:pre-wrap;overflow-wrap:anywhere}small{color:#565c69}img{max-width:100%;height:auto}#settings{display:flex;gap:12px;flex-wrap:wrap}.login{max-width:470px;margin:12vh auto 0}.login form{align-items:stretch;flex-direction:column}
.workspace{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh;background:#f7f8fb}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:27px 16px 15px;border-right:1px solid #e6e8ee;background:#fff}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:0 10px 29px;font-size:22px}.brand-mark{width:26px;height:26px;display:inline-block;border-radius:8px;background:#2158e8;position:relative;flex:none}.brand-mark::after{content:"";position:absolute;inset:7px;border:2px solid white;border-radius:4px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:9px;font-size:14px;font-weight:550;white-space:nowrap}.sidebar nav a:hover{background:#f2f4f8;text-decoration:none}.sidebar nav a[aria-current]{background:#edf2ff;color:#174bc5}.sidebar svg,.device-icon svg{width:19px;height:19px;flex:none}.signout{margin:auto 0 0;padding:10px 0 0;border:none;border-top:1px solid #e6e8ee;border-radius:0}.signout button{background:transparent;color:#4b5262;width:100%;text-align:left}.signout button:hover{background:#f2f4f8}.workspace .content{width:100%;max-width:1280px;margin:0 auto;padding:clamp(23px,5vw,68px)}.content h1{font-size:clamp(2rem,4vw,3.25rem);margin:0 0 12px}.content h2{font-size:1.1rem;margin-top:32px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:34px}.page-heading p{color:#566074;margin:0}.secondary{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #d9deeb;border-radius:9px;background:#fff;font-size:.88rem;font-weight:650}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:13px}.device-card{margin:0;min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:10px}.device-card p,.device-card pre{margin:0;max-width:100%}.device-icon{width:38px;height:38px;display:grid;place-items:center;background:#edf2ff;color:#2158e8;border-radius:11px}.status{border-radius:100px;padding:4px 8px;background:#f0f1f4;color:#4d5564;font-size:12px}.status.online{background:#e2f5eb;color:#13603b}.content form,.content article{box-shadow:0 1px 2px #18243a0a}.content label{min-width:140px}.content input,.content select{background:#fff;color:#16181d}.content button{background:#2158e8}.content button:hover{background:#174bc5}
@media(max-width:690px){.workspace{grid-template-columns:57px minmax(0,1fr)}.sidebar{padding:20px 7px 10px}.sidebar .brand{font-size:0;gap:0;padding:0 8px 24px}.sidebar nav a{padding:11px;justify-content:center}.sidebar nav span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.signout button{font-size:11px;padding:6px 0;text-align:center}.workspace .content{padding:24px 14px}.page-heading{margin-bottom:24px}}