* {
    box-sizing:border-box}
body {
    margin:0;
    font:14px/1.5 'Segoe UI',Arial,sans-serif;
    background:#101923;
    color:#e5eef6;
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px}
.login {
    width:100%;
    max-width:400px;
    padding:32px;
    background:#192633;
    border:1px solid #304353;
    border-radius:12px}
h1 {
    margin:0;
    font-size:26px}
.sub {
    color:#9daebe;
    margin:4px 0 26px}
label {
    display:block;
    margin:16px 0 6px}
input,select {
    font:inherit;
    width:100%;
    padding:11px 12px;
    background:#101923;
    color:#e5eef6;
    border:1px solid #304353;
    border-radius:7px}
button {
    width:100%;
    margin-top:24px;
    padding:12px;
    border:0;
    border-radius:7px;
    background:#168b85;
    color:#fff;
    font:inherit;
    cursor:pointer}
.validation-summary-errors,.field-validation-error {
    color:#ff9d91}
.validation-summary-errors ul {
    padding-left:18px}
.foot {
    margin-top:20px;
    color:#9daebe;
    font-size:12px}

.hint {font-size:12px;color:#a9bac9;margin:8px 0 0}
.station-info {margin-top:24px;padding:14px;background:#102e37;border:1px solid #275464;border-radius:7px;overflow-wrap:anywhere}
button:disabled {opacity:.6;cursor:wait}
.form-error {color:#ffb0a5;overflow-wrap:anywhere}
.workstation-info {margin-top:22px;padding:13px 15px;border:1px solid #304353;border-radius:7px;background:#14212c}
.workstation-info dl {display:grid;grid-template-columns:38px minmax(0,1fr);gap:5px 10px;margin:0;font-size:13px}
.workstation-info dt {color:#9daebe}
.workstation-info dd {margin:0;overflow-wrap:anywhere}
.workstation-link {display:inline-block;margin-top:10px;color:#61d0c8;text-decoration:underline;font-size:13px}
#login-error {margin-top:12px}