*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#ecf2ff;font:16px system-ui,sans-serif}main{min-height:100vh}header{height:64px;padding:0 5vw;border-bottom:1px solid #27324c;display:flex;gap:22px;align-items:center}header strong{margin-right:auto;font-size:18px}button{border:0;border-radius:8px;padding:10px 15px;background:#263453;color:inherit;cursor:pointer;font:inherit}button:hover{background:#344873}section{max-width:760px;margin:0 auto;padding:70px 24px}.new{display:block;margin:20px auto 60px;background:#4d63ff;font-size:18px;padding:14px 24px}h2{font-size:17px;color:#b9c6e3}article{display:flex;gap:10px;align-items:center;background:#131d33;border:1px solid #27324c;border-radius:10px;padding:16px;margin:10px 0}article div{margin-right:auto}small{display:block;color:#9aa9c9;margin-top:5px}.empty{color:#9aa9c9}.error{color:#ffb4b4}.login{display:grid;place-items:center}.login form{width:min(360px,90vw);display:grid;gap:12px;background:#131d33;padding:32px;border-radius:12px}.login h1{margin:0}.login p{color:#aab7d6;margin:0 0 12px}.login input{background:#0b1020;border:1px solid #42516f;color:#fff;border-radius:7px;padding:12px;font:inherit}.login button{background:#4d63ff}.remote{height:100vh;display:flex;flex-direction:column}.remote header{flex:none}.remote iframe{border:0;flex:1;width:100%;background:#111}