:root{font:16px system-ui;color:#e8eef7;background:#0b1220}*{box-sizing:border-box}body{margin:0}header,main{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}h1,h2,h3{margin:.2rem 0}.card,.login{background:#131e30;border:1px solid #263854;border-radius:14px;padding:22px;margin:16px auto;box-shadow:0 12px 30px #0004}.login{max-width:420px;margin-top:12vh}.title,.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.title{justify-content:space-between}.badge,.pill{border-radius:999px;padding:5px 10px;background:#34445d}.online,.active{background:#126c4c}.offline{background:#72343b}.io{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0}.io div{background:#0e1726;border-radius:10px;padding:14px}.io strong{display:block;margin-top:6px}button,input{font:inherit;border-radius:8px;border:1px solid #425673;padding:10px 13px}button{background:#2d6cdf;color:white;cursor:pointer}button.quiet{background:#25334a}input{background:#0a1321;color:white}label{display:grid;gap:6px;margin:14px 0}.wifi{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.networks{color:#b9c5d6;margin:10px 0}.meta,.result,small{color:#9fb0c7}.error{color:#ff9aa5}@media(max-width:600px){header,main{padding:15px}.wifi input{width:100%}}