:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#07101f;color:#eef5ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#15305a 0,#07101f 38rem)}.shell{width:min(100% - 2rem,960px);margin:auto;padding:clamp(2rem,8vh,6rem) 0}.language{display:flex;justify-content:flex-end;gap:.4rem;margin-bottom:1rem}.language button{padding:.45rem .65rem}.card,dialog{border:1px solid #294364;border-radius:24px;background:#0c1b31;color:#eef5ff;box-shadow:0 24px 70px #0008}.card{width:min(100%,430px);margin:auto;padding:2rem}dialog{width:min(100% - 2rem,520px);padding:1.5rem}dialog::backdrop{background:#020813cc}.brand{color:#65a7ff;font-weight:800;letter-spacing:.12em}h1{margin:.7rem 0;font-size:clamp(1.8rem,5vw,2.6rem)}.muted,#profile{color:#a9bad0}label{display:grid;gap:.45rem;margin:1rem 0;color:#c7d5e8}input{width:100%;padding:.9rem 1rem;border:1px solid #365579;border-radius:12px;background:#091729;color:white;font:inherit}input:focus{outline:2px solid #65a7ff;outline-offset:2px}button{border:0;border-radius:12px;padding:.9rem 1.2rem;background:#3d8cff;color:white;font:inherit;font-weight:700;cursor:pointer}form>button[type=submit]{width:100%;margin-top:.6rem}.secondary,.language button{background:#1b304b}.close{float:right;background:transparent;font-size:1.5rem;padding:.2rem .5rem}.error{min-height:1.4rem;color:#ff9a9a}.dashboard header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.hero{margin:2rem 0 1rem;padding:1.5rem;border-radius:20px;background:linear-gradient(135deg,#173c6f,#102441)}.status-dot{display:inline-block;width:.65rem;height:.65rem;margin-right:.5rem;border-radius:50%;background:#43dc91;box-shadow:0 0 1rem #43dc91}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.device{padding:1.2rem;border:1px solid #294364;border-radius:18px;background:#0c1b31}.device h2{margin:0 0 .8rem;font-size:1.1rem}.device p{margin:.35rem 0;color:#a9bad0}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;border-radius:12px;background:#061120;color:#d9e9ff}@media(max-width:520px){.shell{width:min(100% - 1rem,960px);padding:1rem 0}.card{padding:1.3rem}.dashboard header{align-items:flex-start}}