.login-page { min-height: 100vh; margin: 0; background: linear-gradient(135deg, #eef3f8 0%, #f8fafc 100%); }
.login-container { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card { width: min(100%, 420px); background: #fff; border: 1px solid #dfe6ee; border-radius: 14px; box-shadow: 0 18px 50px rgba(25,45,70,.14); padding: 32px; }
.login-brand { margin-bottom: 24px; }
.login-brand h1 { margin: 0 0 8px; }
.login-brand p { margin: 0; color: #5f6f7f; }
.login-remember { margin: 18px 0; }
.login-button { width: 100%; justify-content: center; }
.logout-button { margin-left: 12px; }
.topbar-actions { display: flex; align-items: center; gap: 12px; }