:root {
    --brand-color: #004252;
    --brand-accent: #4AB16C;
    --brand-bg: #F4F6F8;
    --brand-text: #0F2A3D;
    
    --brand-font: Poppins, sans-serif;
    --font-family: Poppins, sans-serif;
    

    --sidebar-background-color: var(--brand-color, #004252);
    --header-text-color: var(--brand-color, #004252);
    --primary-color: var(--brand-accent, #4AB16C);
    --primary-hover: var(--brand-accent, #369A56);
    --background-color: var(--brand-bg, #F4F6F8);
    --text-color: var(--brand-text, #0F2A3D);
    --app-font-family: var(--brand-font, 'Poppins', sans-serif);
    --header-height: 84px;
}

body {
    font-family: var(--app-font-family, var(--font-family, 'Poppins', sans-serif));
    background-color: var(--background-color, #F4F6F8);
    color: var(--text-color, #0F2A3D);
}

.user-name {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}