body.function-login {
    height: 100%;
    min-height: 100vh;

    /* Soft elegant light blue gradient */
    background: linear-gradient(135deg, #f8fcff 0%, #eef7ff 50%, #e6f2ff 100%);
    
    /* Optional smooth font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.function-list {
    height: 100%;
    min-height: 100vh;

    /* Soft elegant light blue gradient */
    background: linear-gradient(135deg, #f8fcff 0%, #eef7ff 50%, #e6f2ff 100%);
    
    /* Optional smooth font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.function-changepwd_success {
    height: 100%;
    min-height: 100vh;

    /* Soft elegant light blue gradient */
    background: linear-gradient(135deg, #f8fcff 0%, #eef7ff 50%, #e6f2ff 100%);
    
    /* Optional smooth font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.function-changepwd {
    height: 100%;
    min-height: 100vh;

    /* Soft elegant light blue gradient */
    background: linear-gradient(135deg, #f8fcff 0%, #eef7ff 50%, #e6f2ff 100%);
    
    /* Optional smooth font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.function-register {
    height: 100%;
    min-height: 100vh;

    /* Soft elegant light blue gradient */
    background: linear-gradient(135deg, #f8fcff 0%, #eef7ff 50%, #e6f2ff 100%);
    
    /* Optional smooth font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.function-remind {
    height: 100%;
    min-height: 100vh;

    /* Soft elegant light blue gradient */
    background: linear-gradient(135deg, #f8fcff 0%, #eef7ff 50%, #e6f2ff 100%);
    
    /* Optional smooth font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.function-add {
    height: 100%;
    min-height: 100vh;

    /* Soft elegant light blue gradient */
    background: linear-gradient(135deg, #f8fcff 0%, #eef7ff 50%, #e6f2ff 100%);
    
    /* Optional smooth font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.function-view {
    height: 100%;
    min-height: 100vh;

    /* Soft elegant light blue gradient */
    background: linear-gradient(135deg, #f8fcff 0%, #eef7ff 50%, #e6f2ff 100%);
    
    /* Optional smooth font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}