body { background:#0f0f0f; color:#eaeaea; font-family:Arial, sans-serif; margin:0; padding:40px; }
.card, .login-card { background:#1c1c1c; padding:20px; border-radius:12px; max-width:500px; margin:auto; }
input, button { width:100%; padding:10px; margin-top:10px; }
button { font-size:16px; cursor:pointer; }
#wake { background:#2196f3; color:white; border:none; }
#ptero { background:#4caf50; color:black; border:none; }
#status-dot { width:14px; height:14px; border-radius:50%; display:inline-block; margin-left:10px; }
.red { background:red; }
.orange { background:orange; }
.green { background:limegreen; }
/* Make all inputs and buttons match exactly */
input, button {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    box-sizing: border-box; /* Important! Makes padding included in width */
    font-size: 16px;
}

/* Optional: make button text bold for consistency */
button {
    font-weight: bold;
}
.login-card {
    max-width: 400px;  /* Keeps everything uniform */
    margin: 50px auto;
    background: #1b1b1b;
    padding: 30px;
    border-radius: 10px;
    box-sizing: border-box;
}