body {
    font-family: system-ui, Segoe UI, Roboto, Arial;
    max-width: 800px;
    margin: 40px auto;
    padding: 0 16px;
    background: #494949;
    color: #ececec;
}

.container {
    padding: 12px
}

label {
    display: block;
    margin-top: 12px
}

input[type=text],
input[type=password],
textarea,
select {
    width: 100%;
    padding: 8px;
    margin-top: 6px;
    border-radius: 6px;
    border: 1px solid #ececec
}

button {
    margin-top: 12px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 0;
    background: #1f7be0;
    color: white
}

button:hover {
   cursor: pointer;
}

.row {
    display: flex;
    gap: 8px
}

.row>* {
    flex: 1
}

.small {
    width: 140px
}

.note {
    font-size: 0.9em;
    color: #ffffff
}

.controls {
    display: flex;
    gap: 8px;
    margin-top: 12px
}