*{box-sizing:border-box}body{margin:0;background:#15171c;color:#f4f4f6;font-family:system-ui,sans-serif;height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:12px;padding:12px 18px;flex-wrap:wrap;background:#242730}#status{flex:1;font-size:13px;color:#c8cbd5}button{padding:8px 14px;border:1px solid #656b80;border-radius:6px;background:#363d52;color:white;cursor:pointer}button:disabled{opacity:.4;cursor:default}#screen{flex:1;min-height:0;overflow:hidden}
.login{align-items:center;justify-content:center;padding:24px}.login-card{width:min(100%,440px);padding:32px;background:#242730;border:1px solid #414758;border-radius:12px}.login-card h1{font-size:24px}.login-card p{font-size:14px;line-height:1.7;color:#c8cbd5}.login-card label{display:block;margin:18px 0;font-size:14px}.login-card input{display:block;width:100%;padding:12px;margin-top:8px;background:#15171c;border:1px solid #656b80;border-radius:6px;color:white;font-size:16px}.login-card button{width:100%;padding:12px}.login-card .error{color:#ffacac}header form{margin:0}
select{padding:8px;background:#242730;color:white;border:1px solid #656b80;border-radius:6px}dialog{width:min(90vw,420px);background:#242730;color:white;border:1px solid #656b80;border-radius:12px;padding:28px}dialog::backdrop{background:#0009}dialog label{display:block;margin:16px 0}dialog label[hidden]{display:none}dialog input{display:block;width:100%;margin-top:8px;padding:12px;background:#15171c;color:white;border:1px solid #656b80;border-radius:6px;font-size:16px}dialog h2{font-size:20px}