body{font-family:Arial,Helvetica,sans-serif;background:var(--app-login-bg);color:var(--app-login-text);margin:0}
.wrap{max-width:480px;margin:60px auto;padding:0 16px}
.card{background:var(--app-panel);border:1px solid var(--app-login-border);border-radius:16px;padding:24px;box-shadow:var(--app-login-shadow)}
h1{margin:0 0 8px;font-size:34px}p{color:var(--app-login-muted)}
label{display:block;font-weight:bold;margin:14px 0 6px}
input{width:100%;padding:12px;border:1px solid var(--app-login-border);border-radius:10px;box-sizing:border-box;background:var(--app-field-bg);color:var(--app-login-field-text)}
label.remember{display:flex;align-items:center;gap:8px;font-weight:normal}
label.remember input{width:auto}
button{margin-top:18px;width:100%;padding:12px;border:0;background:var(--app-login-action);color:var(--app-on-action);border-radius:10px;font-weight:bold;cursor:pointer}
button.secondary{background:var(--app-login-secondary)}
.alert-danger{background:var(--app-login-error-bg);color:var(--app-login-error-text);padding:10px 12px;border-radius:10px;margin-bottom:14px}
.muted{margin-top:14px;font-size:13px}
.login-theme-control{float:right;margin-left:12px}
.login-theme-control label{margin:0 0 5px;font-size:11px;text-transform:uppercase}
.login-theme-control select{padding:7px;border:1px solid var(--app-login-border);border-radius:8px;background:var(--app-field-bg);color:var(--app-text)}
@media(max-width:480px){.login-theme-control{float:none;margin:0 0 14px auto;width:max-content}}