:root{font-family:system-ui,'Malgun Gothic',sans-serif;color-scheme:dark;background:#101724;color:#eaf1ff}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:24px}header{padding:20px 0}header p,small,footer{color:#a4b2c7}section{background:#1b2637;border:1px solid #354257;border-radius:16px;padding:20px;margin:16px 0}h1{margin:0}h2{font-size:1.15rem}label{display:block;margin:16px 0}input{display:block;width:100%;padding:13px;margin-top:6px;background:#101724;border:1px solid #66758b;border-radius:9px;color:white;font-size:16px}button{padding:12px 16px;border:0;border-radius:9px;background:#4077e8;color:white;cursor:pointer;font-weight:600}.bar{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;gap:12px}.device{padding:16px;border-radius:12px;background:#111c2c;border:1px solid #36445a}.device p{color:#b4c2d7}#loginMsg,#dashboardMsg{min-height:1.5em}footer{font-size:13px;margin-top:30px}